
  

  
  @property --_ {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --space-0 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --space-4 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.25rem;
}
@property --space-8 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.5rem;
}
@property --text-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.1rem;
}
@property --text-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --text-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --text-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --text-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.625rem;
}
@property --space-12 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --space-16 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --space-20 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --space-24 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --space-28 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.75rem;
}
@property --space-32 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}
@property --space-40 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.5rem;
}
@property --space-48 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3rem;
}
@property --space-56 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3.5rem;
}
@property --space-64 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4rem;
}
@property --space-80 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --space-96 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text-2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}
@property --text-3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.5rem;
}
@property --text-4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3rem;
}
@property --space-120 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text-base {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.875rem;
}
@property --radius-full {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --radius-large {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --radius-small {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --radius-medium {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --radius-xlarge {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --radius-xsmall {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color-text-white {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-weight-bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 600;
}
@property --font-weight-thin {
  syntax: "<number>";
  inherits: true;
  initial-value: 400;
}
@property --text--body--base {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--body--large {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--body--small {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color-icon-neutral {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-input-normal {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-surface-base {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-text-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: #222222;
}
@property --font-weight-medium {
  syntax: "<number>";
  inherits: true;
  initial-value: 500;
}
@property --font-weight-normal {
  syntax: "<number>";
  inherits: true;
  initial-value: 450;
}
@property --text--body--xsmall {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--header--base {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color-primary-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #2759cd;
}
@property --color-success-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #1e714a;
}
@property --color-text-tertiary {
  syntax: "<color>";
  inherits: true;
  initial-value: #a6a6a6;
}
@property --font-size-header-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--header--large {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--header--small {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color-border-default {
  syntax: "<color>";
  inherits: true;
  initial-value: #1c1c1c17;
}
@property --color-primary-active {
  syntax: "<color>";
  inherits: true;
  initial-value: #1e50c0;
}
@property --color-primary-normal {
  syntax: "<color>";
  inherits: true;
  initial-value: #3062d4;
}
@property --color-success-active {
  syntax: "<color>";
  inherits: true;
  initial-value: #196742;
}
@property --color-success-normal {
  syntax: "<color>";
  inherits: true;
  initial-value: #1d7c4d;
}
@property --color-surface-raised {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-surface-sunken {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-text-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: #5e5e5e;
}
@property --elevation-bottom-100 {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --elevation-bottom-200 {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --elevation-bottom-300 {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --elevation-bottom-400 {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --text--header--xlarge {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color-surface-overlay {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --html-block-link-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --text--header--xxlarge {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--chart--base--c1 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-size-header-large {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --font-size-header-small {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --font-weight-extra-thin {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --text--header--xxxlarge {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--content--primary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey--50 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-input-placeholder {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-line-height-header {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --font-size-header-medium {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--content--tertiary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--brand--50 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey--200 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey--300 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey--400 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey--500 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey--600 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey--700 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey--800 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey--900 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey--950 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-background-surface {
  syntax: "<color>";
  inherits: true;
  initial-value: #f7f7f7;
}
@property --font-size-header-display {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --color--content--secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--brand--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--brand--200 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--brand--300 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--brand--400 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--brand--500 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--brand--600 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--brand--700 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--brand--800 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--brand--900 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--brand--950 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-action-border-focus {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-background-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-size-paragraph-large {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --font-size-paragraph-small {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color-action-neutral-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-border-default-alpha {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-line-height-paragraph {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --font-size-paragraph-medium {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--chart--indicator--c1 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--learning--50 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-action-neutral-active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-action-neutral-normal {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-text-primary-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --text--font-size--body--base {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--global--learning--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--learning--200 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--learning--300 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--learning--400 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--learning--500 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--learning--600 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--learning--700 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--learning--800 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--learning--900 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--learning--950 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--gradient--dimmer-blue {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --color-surface-sunken-neutral {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --text--font-size--body--large {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--font-size--body--small {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--content--brand-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey-alpha--50 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--gradient--dimmer-brand {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --text--font-size--body--xlarge {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--font-size--body--xsmall {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--line-height--body--base {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--global--grey-alpha--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey-alpha--200 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey-alpha--300 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey-alpha--400 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey-alpha--500 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey-alpha--600 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey-alpha--700 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey-alpha--800 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey-alpha--900 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey-alpha--950 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--white-alpha--50 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --text--line-height--body--large {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--line-height--body--small {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--content--brand-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--content--warning-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--white-alpha--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--white-alpha--200 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--white-alpha--300 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--white-alpha--400 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--white-alpha--500 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--white-alpha--600 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--white-alpha--700 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--white-alpha--800 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--white-alpha--900 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--white-alpha--950 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --text--line-height--body--xlarge {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--line-height--body--xsmall {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--content--negative-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--content--positive-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--content--primary-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-action-neutral-alpha-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --component--icon-button--bg-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --component--icon-button--fg-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--content--tertiary-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--content--warning-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-action-neutral-alpha-active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-action-neutral-alpha-normal {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --component--icon-button--bg-active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --component--icon-button--bg-normal {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --component--icon-button--fg-active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --component--icon-button--fg-normal {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--content--negative-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--content--positive-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--content--secondary-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property ----color--global--grey-alpha--50-old {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--content--informative-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property ----color--global--grey-alpha--100-old {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property ----color--global--grey-alpha--200-old {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property ----color--global--grey-alpha--300-old {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property ----color--global--grey-alpha--400-old {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property ----color--global--grey-alpha--500-old {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property ----color--global--grey-alpha--600-old {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property ----color--global--grey-alpha--700-old {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property ----color--global--grey-alpha--800-old {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property ----color--global--grey-alpha--900-old {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--content--informative-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--semantic--brand--primary-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #ff2e50;
}
@property --color--semantic--brand--primary-active {
  syntax: "<color>";
  inherits: true;
  initial-value: #ff2448;
}
@property --color--semantic--brand--primary-normal {
  syntax: "<color>";
  inherits: true;
  initial-value: #FF3C5C;
}

  :host, :root {
  --space-0: 0rem;
  --space-4: 0.25rem;
  --space-8: 0.5rem;
  --text-lg: 1.1rem;
  --text-md: 1rem;
  --text-sm: 0.75rem;
  --text-xl: 1.5rem;
  --text-xs: 0.625rem;
  --space-12: 0.75rem;
  --space-16: 1rem;
  --space-20: 1.25rem;
  --space-24: 1.5rem;
  --space-28: 1.75rem;
  --space-32: 2rem;
  --space-40: 2.5rem;
  --space-48: 3rem;
  --space-56: 3.5rem;
  --space-64: 4rem;
  --space-80: 5rem;
  --space-96: 12rem;
  --text-2xl: 2rem;
  --text-3xl: 2.5rem;
  --text-4xl: 3rem;
  --space-120: 15rem;
  --text-base: 0.875rem;
  --radius-full: 999rem;
  --radius-large: 1rem;
  --radius-small: 0.5rem;
  --radius-medium: 0.75rem;
  --radius-xlarge: 1.5rem;
  --radius-xsmall: 0.5rem;
  --color-text-white: #ffffff;
  --font-weight-bold: 600;
  --font-weight-thin: 400;
  --text--body--base: clamp(1rem, 0.8980rem + 0.2041vw, 1.125rem);
  --text--body--large: clamp(1.125rem, 1.0231rem + 0.2041vw, 1.25rem);
  --text--body--small: clamp(0.875rem, 0.7731rem + 0.2041vw, 1rem);
  --color-icon-neutral: #484747;
  --color-input-normal: var(--color-text-primary);
  --color-surface-base: #fbfbf9;
  --color-text-primary: #222222;
  --font-weight-medium: 500;
  --font-weight-normal: 450;
  --text--body--xsmall: 0.875rem;
  --text--header--base: clamp(1.25rem, 1.0417rem + 0.4167vw, 1.5rem);
  --color-primary-hover: #2759cd;
  --color-success-hover: #1e714a;
  --color-text-tertiary: #a6a6a6;
  --font-size-header-xl: 3rem;
  --text--header--large: clamp(1.5rem, 1.0833rem + 0.8333vw, 2rem);
  --text--header--small: clamp(1rem, 0.8980rem + 0.2041vw, 1.125rem);
  --color-border-default: #1c1c1c17;
  --color-primary-active: #1e50c0;
  --color-primary-normal: #3062d4;
  --color-success-active: #196742;
  --color-success-normal: #1d7c4d;
  --color-surface-raised: hsl(0, 0%, 100%);
  --color-surface-sunken: hsl(220, 15%, 94%);
  --color-text-secondary: #5e5e5e;
  --elevation-bottom-100: 0 1px 2px 0 rgba(34, 34, 34, 0.12);
  --elevation-bottom-200: 0 2px 2px -1px rgba(34, 34, 34, 0.04), 0 2px 8px -1px rgba(34, 34, 34, 0.08);
  --elevation-bottom-300: 0 2px 2px -1px rgba(34, 34, 34, 0.04), 0 8px 16px -2px rgba(34, 34, 34, 0.12);
  --elevation-bottom-400: 0 2px 2px -1px rgba(34, 34, 34, 0.04),    0 8px 16px -2px rgba(34, 34, 34, 0.12);
  --text--header--xlarge: clamp(1.75rem, 1.2917rem + 0.9167vw, 2.25rem);
  --color-surface-overlay: hsl(0, 0%, 100%);
  --text--header--xxlarge: clamp(2rem, 1.5417rem + 0.9167vw, 2.5rem);
  --color--chart--base--c1: #cccccc;
  --font-size-header-large: 2rem;
  --font-size-header-small:  1.125rem;
  --font-weight-extra-thin: 300;
  --text--header--xxxlarge: clamp(2.5rem, 2.0417rem + 0.9167vw, 3rem);
  --color--content--primary: var(--color--global--grey--900);
  --color--global--grey--50: #fafafa;
  --color-input-placeholder: var(--color-text-secondary);
  --font-line-height-header: 1.2;
  --font-size-header-medium: 1.5rem;
  --color--global--brand--50: #fff0f1;
  --color--global--grey--100: #f5f5f5;
  --color--global--grey--200: #ebebeb;
  --color--global--grey--300: #d3d3d3;
  --color--global--grey--400: #a3a3a3;
  --color--global--grey--500:  hsla(0, 0%, 37%, 1);
  --color--global--grey--600:  hsla(0, 0%, 32%, 1);
  --color--global--grey--700:  hsla(0, 0%, 25%, 1);
  --color--global--grey--800: hsla(0, 0%, 18%, 1);
  --color--global--grey--900:  hsla(0, 0%, 13%, 1);
  --color--global--grey--950: #1a1a1a;
  --color-background-surface: #f7f7f7;
  --font-size-header-display: 4rem;
  --color--content--secondary: var(--color--global--grey--700);
  --color--global--brand--100: #ffe2e5;
  --color--global--brand--200: #ffcad1;
  --color--global--brand--300: #ff9faa;
  --color--global--brand--400: #ff697e;
  --color--global--brand--500: #ff3c5c;
  --color--global--brand--600: #ed113f;
  --color--global--brand--700: #c80836;
  --color--global--brand--800: #a80934;
  --color--global--brand--900: #8f0c33;
  --color--global--brand--950: #500116;
  --color-action-border-focus: #ff526e;
  --color-background-inverted: var(--color--global--grey--800);
  --font-size-paragraph-large:  1.125rem;
  --font-size-paragraph-small: 0.875rem;
  --color-action-neutral-hover: hsla(0, 0%, 25%, 1);
  --color-border-default-alpha: hsla(0, 0%, 11%, 0.09);
  --font-line-height-paragraph: 1.5;
  --font-size-paragraph-medium: 1rem;
  --color--chart--indicator--c1: var(--color--content--brand-primary);
  --color--global--learning--50: #eefff1;
  --color-action-neutral-active: hsla(0, 0%, 18%, 1);
  --color-action-neutral-normal: hsla(0, 0%, 32%, 1);
  --color-text-primary-inverted: #fcfcfc;
  --text--font-size--body--base: 1rem;
  --color--global--learning--100: #d7ffe0;
  --color--global--learning--200: #b2ffc4;
  --color--global--learning--300: #76ff97;
  --color--global--learning--400: #33D666;
  --color--global--learning--500: #00cc33;
  --color--global--learning--600: #00a329;
  --color--global--learning--700: #007a1f;
  --color--global--learning--800: #005214;
  --color--global--learning--900: #00340f;
  --color--global--learning--950: #00290a;
  --color--gradient--dimmer-blue: linear-gradient(to top left, #3c7dff33 0%, #3c7dff0d 100%) scroll border-box padding-box repeat repeat 0% 0% / auto;
  --color-surface-sunken-neutral: #f2f2f2;
  --text--font-size--body--large: 1.25rem;
  --text--font-size--body--small: 0.875rem;
  --color--content--brand-primary: var(--color--global--brand--500);
  --color--global--grey-alpha--50: hsla(0, 0%, 96%, 0.93);
  --color--gradient--dimmer-brand: linear-gradient(to top left, #ff3c5c33 0%, #ff3c5c0d 100%) scroll padding-box border-box repeat repeat 0% 0% / auto;
  --text--font-size--body--xlarge: 1.5rem;
  --text--font-size--body--xsmall: 0.75rem;
  --text--line-height--body--base: 1.5rem;
  --color--global--grey-alpha--100: hsla(0, 0%, 90%, 0.93);
  --color--global--grey-alpha--200: hsla(0, 0%, 80%, 0.93);
  --color--global--grey-alpha--300: hsla(0, 0%, 70%, 0.93);
  --color--global--grey-alpha--400: hsla(0, 0%, 60%, 0.93);
  --color--global--grey-alpha--500: hsla(0, 0%, 50%, 0.93);
  --color--global--grey-alpha--600: hsla(0, 0%, 40%, 0.93);
  --color--global--grey-alpha--700: hsla(0, 0%, 30%, 0.93);
  --color--global--grey-alpha--800: hsla(0, 0%, 20%, 0.93);
  --color--global--grey-alpha--900: hsla(0, 0%, 12%, 0.93);
  --color--global--grey-alpha--950: hsla(0, 0%, 7%, 0.93);
  --color--global--white-alpha--50: hsla(0, 0%, 100%, 0.02);
  --text--line-height--body--large: 1.75rem;
  --text--line-height--body--small: 1.25rem;
  --color--content--brand-secondary: var(--color--global--brand--300);
  --color--global--white-alpha--100: hsla(0, 0%, 100%, 0.04);
  --color--global--white-alpha--200: hsla(0, 0%, 100%, 0.08);
  --color--global--white-alpha--300: hsla(0, 0%, 100%, 0.12);
  --color--global--white-alpha--400: hsla(0, 0%, 100%, 0.16);
  --color--global--white-alpha--500: hsla(0, 0%, 100%, 0.25);
  --color--global--white-alpha--600: hsla(0, 0%, 100%, 0.40);
  --color--global--white-alpha--700: hsla(0, 0%, 100%, 0.55);
  --color--global--white-alpha--800: hsla(0, 0%, 100%, 0.70);
  --color--global--white-alpha--900: hsla(0, 0%, 100%, 0.85);
  --color--global--white-alpha--950:  hsla(0, 0%, 100%, 1);
  --text--line-height--body--xlarge: 2rem;
  --text--line-height--body--xsmall: 1.125rem;
  --color-action-neutral-alpha-hover: hsla(0, 0%, 11%, 0.09);
  --color-action-neutral-alpha-active: hsla(0, 0%, 13%, 0.06);
  --color-action-neutral-alpha-normal: #0000000d;
  ----color--global--grey-alpha--50-old: hsla(0, 0%, 10%, 0.02);
  ----color--global--grey-alpha--100-old: hsla(0, 0%, 10%, 0.05);
  ----color--global--grey-alpha--200-old: hsla(0, 0%, 10%, 0.12);
  ----color--global--grey-alpha--300-old: hsla(0, 0%, 10%, 0.22);
  ----color--global--grey-alpha--400-old: hsla(0, 0%, 10%, 0.38);
  ----color--global--grey-alpha--500-old: hsla(0, 0%, 10%, 0.52);
  ----color--global--grey-alpha--600-old: hsla(0, 0%, 10%, 0.68);
  ----color--global--grey-alpha--700-old: hsla(0, 0%, 10%, 0.82);
  ----color--global--grey-alpha--800-old: hsla(0, 0%, 10%, 0.92);
  ----color--global--grey-alpha--900-old: hsla(0, 0%, 10%, 0.97);
  --color--semantic--brand--primary-hover: var(--color--global--brand--600);
  --color--semantic--brand--primary-active: var(--color--global--brand--700);
  --color--semantic--brand--primary-normal: var(--color--global--brand--500);
}
  @media (prefers-color-scheme: dark) {
      :host, :root {
  --color-text-white: #ffffff;
  --color-icon-neutral: #b8b8b8;
  --color-input-normal: var(--color-text-primary);
  --color-surface-base: #363636;
  --color-text-primary: #fcfcfc;
  --color-text-tertiary: #e3e3e3;
  --color-surface-raised: #4d4d4d;
  --color-surface-sunken: #707070;
  --color-text-secondary: #ebebeb;
  --color-surface-overlay: #404040;
  --color--chart--base--c1: #303030;
  --color--content--primary: var(--color--global--grey--100);
  --color-input-placeholder: var(--color-text-secondary);
  --color--content--secondary: var(--color--global--grey--300);
  --color-action-border-focus: #ff526e;
  --color-background-inverted: var(--color-text-white);
  --color-action-neutral-hover: #d6d6d6;
  --color-border-default-alpha: #ffffff33;
  --color--chart--indicator--c1: var(--color--content--brand-primary);
  --color-action-neutral-active: #cfcfcf;
  --color-action-neutral-normal: #dedede;
  --color-text-primary-inverted: #222222;
  --color-surface-sunken-neutral: #575757;
  --color--content--brand-primary: var(--color--global--brand--500);
  --color--content--brand-secondary: var(--color--global--brand--300);
  --color-action-neutral-alpha-hover: hsla(0, 0%, 100%, 0.12);
  --color-action-neutral-alpha-active: hsla(0, 0%, 100%, 0.08);
  --color-action-neutral-alpha-normal: #ffffff0a;
  ----color--global--grey-alpha--50-old: hsla(0, 0%, 100%, 0.03);
  ----color--global--grey-alpha--100-old: hsla(0, 0%, 100%, 0.07);
  ----color--global--grey-alpha--200-old: hsla(0, 0%, 100%, 0.12);
  ----color--global--grey-alpha--300-old: hsla(0, 0%, 100%, 0.20);
  ----color--global--grey-alpha--400-old: hsla(0, 0%, 100%, 0.30);
  ----color--global--grey-alpha--500-old: hsla(0, 0%, 100%, 0.45);
  ----color--global--grey-alpha--600-old: hsla(0, 0%, 100%, 0.60);
  ----color--global--grey-alpha--700-old: hsla(0, 0%, 100%, 0.75);
  ----color--global--grey-alpha--800-old: hsla(0, 0%, 100%, 0.90);
  ----color--global--grey-alpha--900-old: hsla(0, 0%, 100%, 0.95);
}
    }
  @media (prefers-color-scheme: light) {
      :host, :root {
  --space-0: 0rem;
  --space-4: 0.25rem;
  --space-8: 0.5rem;
  --text-lg: 1.1rem;
  --text-md: 1rem;
  --text-sm: 0.75rem;
  --text-xl: 1.5rem;
  --text-xs: 0.625rem;
  --space-12: 0.75rem;
  --space-16: 1rem;
  --space-20: 1.25rem;
  --space-24: 1.5rem;
  --space-28: 1.75rem;
  --space-32: 2rem;
  --space-40: 2.5rem;
  --space-48: 3rem;
  --space-56: 3.5rem;
  --space-64: 4rem;
  --space-80: 5rem;
  --space-96: 12rem;
  --text-2xl: 2rem;
  --text-3xl: 2.5rem;
  --text-4xl: 3rem;
  --space-120: 15rem;
  --text-base: 0.875rem;
  --radius-full: 999rem;
  --radius-large: 1rem;
  --radius-small: 0.5rem;
  --radius-medium: 0.75rem;
  --radius-xlarge: 1.5rem;
  --radius-xsmall: 0.5rem;
  --color-text-white: #ffffff;
  --font-weight-bold: 600;
  --font-weight-thin: 400;
  --text--body--base: clamp(1rem, 0.8980rem + 0.2041vw, 1.125rem);
  --text--body--large: clamp(1.125rem, 1.0231rem + 0.2041vw, 1.25rem);
  --text--body--small: clamp(0.875rem, 0.7731rem + 0.2041vw, 1rem);
  --color-icon-neutral: #484747;
  --color-input-normal: var(--color-text-primary);
  --color-surface-base: #fbfbf9;
  --color-text-primary: #222222;
  --font-weight-medium: 500;
  --font-weight-normal: 450;
  --text--body--xsmall: 0.875rem;
  --text--header--base: clamp(1.25rem, 1.0417rem + 0.4167vw, 1.5rem);
  --color-primary-hover: #2759cd;
  --color-success-hover: #1e714a;
  --color-text-tertiary: #a6a6a6;
  --font-size-header-xl: 3rem;
  --text--header--large: clamp(1.5rem, 1.0833rem + 0.8333vw, 2rem);
  --text--header--small: clamp(1rem, 0.8980rem + 0.2041vw, 1.125rem);
  --color-border-default: #1c1c1c17;
  --color-primary-active: #1e50c0;
  --color-primary-normal: #3062d4;
  --color-success-active: #196742;
  --color-success-normal: #1d7c4d;
  --color-surface-raised: hsl(0, 0%, 100%);
  --color-surface-sunken: hsl(220, 15%, 94%);
  --color-text-secondary: #5e5e5e;
  --elevation-bottom-100: 0 1px 2px 0 rgba(34, 34, 34, 0.12);
  --elevation-bottom-200: 0 2px 2px -1px rgba(34, 34, 34, 0.04), 0 2px 8px -1px rgba(34, 34, 34, 0.08);
  --elevation-bottom-300: 0 2px 2px -1px rgba(34, 34, 34, 0.04), 0 8px 16px -2px rgba(34, 34, 34, 0.12);
  --elevation-bottom-400: 0 2px 2px -1px rgba(34, 34, 34, 0.04),    0 8px 16px -2px rgba(34, 34, 34, 0.12);
  --text--header--xlarge: clamp(1.75rem, 1.2917rem + 0.9167vw, 2.25rem);
  --color-surface-overlay: hsl(0, 0%, 100%);
  --text--header--xxlarge: clamp(2rem, 1.5417rem + 0.9167vw, 2.5rem);
  --color--chart--base--c1: #cccccc;
  --font-size-header-large: 2rem;
  --font-size-header-small:  1.125rem;
  --font-weight-extra-thin: 300;
  --text--header--xxxlarge: clamp(2.5rem, 2.0417rem + 0.9167vw, 3rem);
  --color--content--primary: var(--color--global--grey--900);
  --color--global--grey--50: #fafafa;
  --color-input-placeholder: var(--color-text-secondary);
  --font-line-height-header: 1.2;
  --font-size-header-medium: 1.5rem;
  --color--global--brand--50: #fff0f1;
  --color--global--grey--100: #f5f5f5;
  --color--global--grey--200: #ebebeb;
  --color--global--grey--300: #d3d3d3;
  --color--global--grey--400: #a3a3a3;
  --color--global--grey--500:  hsla(0, 0%, 37%, 1);
  --color--global--grey--600:  hsla(0, 0%, 32%, 1);
  --color--global--grey--700:  hsla(0, 0%, 25%, 1);
  --color--global--grey--800: hsla(0, 0%, 18%, 1);
  --color--global--grey--900:  hsla(0, 0%, 13%, 1);
  --color--global--grey--950: #1a1a1a;
  --color-background-surface: #f7f7f7;
  --font-size-header-display: 4rem;
  --color--content--secondary: var(--color--global--grey--700);
  --color--global--brand--100: #ffe2e5;
  --color--global--brand--200: #ffcad1;
  --color--global--brand--300: #ff9faa;
  --color--global--brand--400: #ff697e;
  --color--global--brand--500: #ff3c5c;
  --color--global--brand--600: #ed113f;
  --color--global--brand--700: #c80836;
  --color--global--brand--800: #a80934;
  --color--global--brand--900: #8f0c33;
  --color--global--brand--950: #500116;
  --color-action-border-focus: #ff526e;
  --color-background-inverted: var(--color--global--grey--800);
  --font-size-paragraph-large:  1.125rem;
  --font-size-paragraph-small: 0.875rem;
  --color-action-neutral-hover: hsla(0, 0%, 25%, 1);
  --color-border-default-alpha: hsla(0, 0%, 11%, 0.09);
  --font-line-height-paragraph: 1.5;
  --font-size-paragraph-medium: 1rem;
  --color--chart--indicator--c1: var(--color--content--brand-primary);
  --color--global--learning--50: #eefff1;
  --color-action-neutral-active: hsla(0, 0%, 18%, 1);
  --color-action-neutral-normal: hsla(0, 0%, 32%, 1);
  --color-text-primary-inverted: #fcfcfc;
  --text--font-size--body--base: 1rem;
  --color--global--learning--100: #d7ffe0;
  --color--global--learning--200: #b2ffc4;
  --color--global--learning--300: #76ff97;
  --color--global--learning--400: #33D666;
  --color--global--learning--500: #00cc33;
  --color--global--learning--600: #00a329;
  --color--global--learning--700: #007a1f;
  --color--global--learning--800: #005214;
  --color--global--learning--900: #00340f;
  --color--global--learning--950: #00290a;
  --color--gradient--dimmer-blue: linear-gradient(to top left, #3c7dff33 0%, #3c7dff0d 100%) scroll border-box padding-box repeat repeat 0% 0% / auto;
  --color-surface-sunken-neutral: #f2f2f2;
  --text--font-size--body--large: 1.25rem;
  --text--font-size--body--small: 0.875rem;
  --color--content--brand-primary: var(--color--global--brand--500);
  --color--global--grey-alpha--50: hsla(0, 0%, 96%, 0.93);
  --color--gradient--dimmer-brand: linear-gradient(to top left, #ff3c5c33 0%, #ff3c5c0d 100%) scroll padding-box border-box repeat repeat 0% 0% / auto;
  --text--font-size--body--xlarge: 1.5rem;
  --text--font-size--body--xsmall: 0.75rem;
  --text--line-height--body--base: 1.5rem;
  --color--global--grey-alpha--100: hsla(0, 0%, 90%, 0.93);
  --color--global--grey-alpha--200: hsla(0, 0%, 80%, 0.93);
  --color--global--grey-alpha--300: hsla(0, 0%, 70%, 0.93);
  --color--global--grey-alpha--400: hsla(0, 0%, 60%, 0.93);
  --color--global--grey-alpha--500: hsla(0, 0%, 50%, 0.93);
  --color--global--grey-alpha--600: hsla(0, 0%, 40%, 0.93);
  --color--global--grey-alpha--700: hsla(0, 0%, 30%, 0.93);
  --color--global--grey-alpha--800: hsla(0, 0%, 20%, 0.93);
  --color--global--grey-alpha--900: hsla(0, 0%, 12%, 0.93);
  --color--global--grey-alpha--950: hsla(0, 0%, 7%, 0.93);
  --color--global--white-alpha--50: hsla(0, 0%, 100%, 0.02);
  --text--line-height--body--large: 1.75rem;
  --text--line-height--body--small: 1.25rem;
  --color--content--brand-secondary: var(--color--global--brand--300);
  --color--global--white-alpha--100: hsla(0, 0%, 100%, 0.04);
  --color--global--white-alpha--200: hsla(0, 0%, 100%, 0.08);
  --color--global--white-alpha--300: hsla(0, 0%, 100%, 0.12);
  --color--global--white-alpha--400: hsla(0, 0%, 100%, 0.16);
  --color--global--white-alpha--500: hsla(0, 0%, 100%, 0.25);
  --color--global--white-alpha--600: hsla(0, 0%, 100%, 0.40);
  --color--global--white-alpha--700: hsla(0, 0%, 100%, 0.55);
  --color--global--white-alpha--800: hsla(0, 0%, 100%, 0.70);
  --color--global--white-alpha--900: hsla(0, 0%, 100%, 0.85);
  --color--global--white-alpha--950:  hsla(0, 0%, 100%, 1);
  --text--line-height--body--xlarge: 2rem;
  --text--line-height--body--xsmall: 1.125rem;
  --color-action-neutral-alpha-hover: hsla(0, 0%, 11%, 0.09);
  --color-action-neutral-alpha-active: hsla(0, 0%, 13%, 0.06);
  --color-action-neutral-alpha-normal: #0000000d;
  ----color--global--grey-alpha--50-old: hsla(0, 0%, 10%, 0.02);
  ----color--global--grey-alpha--100-old: hsla(0, 0%, 10%, 0.05);
  ----color--global--grey-alpha--200-old: hsla(0, 0%, 10%, 0.12);
  ----color--global--grey-alpha--300-old: hsla(0, 0%, 10%, 0.22);
  ----color--global--grey-alpha--400-old: hsla(0, 0%, 10%, 0.38);
  ----color--global--grey-alpha--500-old: hsla(0, 0%, 10%, 0.52);
  ----color--global--grey-alpha--600-old: hsla(0, 0%, 10%, 0.68);
  ----color--global--grey-alpha--700-old: hsla(0, 0%, 10%, 0.82);
  ----color--global--grey-alpha--800-old: hsla(0, 0%, 10%, 0.92);
  ----color--global--grey-alpha--900-old: hsla(0, 0%, 10%, 0.97);
  --color--semantic--brand--primary-hover: var(--color--global--brand--600);
  --color--semantic--brand--primary-active: var(--color--global--brand--700);
  --color--semantic--brand--primary-normal: var(--color--global--brand--500);
}
    }
  [data-nc-theme~="adeno-dark"] {
  --color-text-white: #ffffff;
  --color-icon-neutral: #b8b8b8;
  --color-input-normal: var(--color-text-primary);
  --color-surface-base: #363636;
  --color-text-primary: #fcfcfc;
  --color-text-tertiary: #e3e3e3;
  --color-surface-raised: #4d4d4d;
  --color-surface-sunken: #707070;
  --color-text-secondary: #ebebeb;
  --color-surface-overlay: #404040;
  --color--chart--base--c1: #303030;
  --color--content--primary: var(--color--global--grey--100);
  --color-input-placeholder: var(--color-text-secondary);
  --color--content--secondary: var(--color--global--grey--300);
  --color-action-border-focus: #ff526e;
  --color-background-inverted: var(--color-text-white);
  --color-action-neutral-hover: #d6d6d6;
  --color-border-default-alpha: #ffffff33;
  --color--chart--indicator--c1: var(--color--content--brand-primary);
  --color-action-neutral-active: #cfcfcf;
  --color-action-neutral-normal: #dedede;
  --color-text-primary-inverted: #222222;
  --color-surface-sunken-neutral: #575757;
  --color--content--brand-primary: var(--color--global--brand--500);
  --color--content--brand-secondary: var(--color--global--brand--300);
  --color-action-neutral-alpha-hover: hsla(0, 0%, 100%, 0.12);
  --color-action-neutral-alpha-active: hsla(0, 0%, 100%, 0.08);
  --color-action-neutral-alpha-normal: #ffffff0a;
  ----color--global--grey-alpha--50-old: hsla(0, 0%, 100%, 0.03);
  ----color--global--grey-alpha--100-old: hsla(0, 0%, 100%, 0.07);
  ----color--global--grey-alpha--200-old: hsla(0, 0%, 100%, 0.12);
  ----color--global--grey-alpha--300-old: hsla(0, 0%, 100%, 0.20);
  ----color--global--grey-alpha--400-old: hsla(0, 0%, 100%, 0.30);
  ----color--global--grey-alpha--500-old: hsla(0, 0%, 100%, 0.45);
  ----color--global--grey-alpha--600-old: hsla(0, 0%, 100%, 0.60);
  ----color--global--grey-alpha--700-old: hsla(0, 0%, 100%, 0.75);
  ----color--global--grey-alpha--800-old: hsla(0, 0%, 100%, 0.90);
  ----color--global--grey-alpha--900-old: hsla(0, 0%, 100%, 0.95);
}
[data-nc-theme~="adeno-light"] {
  --space-0: 0rem;
  --space-4: 0.25rem;
  --space-8: 0.5rem;
  --text-lg: 1.1rem;
  --text-md: 1rem;
  --text-sm: 0.75rem;
  --text-xl: 1.5rem;
  --text-xs: 0.625rem;
  --space-12: 0.75rem;
  --space-16: 1rem;
  --space-20: 1.25rem;
  --space-24: 1.5rem;
  --space-28: 1.75rem;
  --space-32: 2rem;
  --space-40: 2.5rem;
  --space-48: 3rem;
  --space-56: 3.5rem;
  --space-64: 4rem;
  --space-80: 5rem;
  --space-96: 12rem;
  --text-2xl: 2rem;
  --text-3xl: 2.5rem;
  --text-4xl: 3rem;
  --space-120: 15rem;
  --text-base: 0.875rem;
  --radius-full: 999rem;
  --radius-large: 1rem;
  --radius-small: 0.5rem;
  --radius-medium: 0.75rem;
  --radius-xlarge: 1.5rem;
  --radius-xsmall: 0.5rem;
  --color-text-white: #ffffff;
  --font-weight-bold: 600;
  --font-weight-thin: 400;
  --text--body--base: clamp(1rem, 0.8980rem + 0.2041vw, 1.125rem);
  --text--body--large: clamp(1.125rem, 1.0231rem + 0.2041vw, 1.25rem);
  --text--body--small: clamp(0.875rem, 0.7731rem + 0.2041vw, 1rem);
  --color-icon-neutral: #484747;
  --color-input-normal: var(--color-text-primary);
  --color-surface-base: #fbfbf9;
  --color-text-primary: #222222;
  --font-weight-medium: 500;
  --font-weight-normal: 450;
  --text--body--xsmall: 0.875rem;
  --text--header--base: clamp(1.25rem, 1.0417rem + 0.4167vw, 1.5rem);
  --color-primary-hover: #2759cd;
  --color-success-hover: #1e714a;
  --color-text-tertiary: #a6a6a6;
  --font-size-header-xl: 3rem;
  --text--header--large: clamp(1.5rem, 1.0833rem + 0.8333vw, 2rem);
  --text--header--small: clamp(1rem, 0.8980rem + 0.2041vw, 1.125rem);
  --color-border-default: #1c1c1c17;
  --color-primary-active: #1e50c0;
  --color-primary-normal: #3062d4;
  --color-success-active: #196742;
  --color-success-normal: #1d7c4d;
  --color-surface-raised: hsl(0, 0%, 100%);
  --color-surface-sunken: hsl(220, 15%, 94%);
  --color-text-secondary: #5e5e5e;
  --elevation-bottom-100: 0 1px 2px 0 rgba(34, 34, 34, 0.12);
  --elevation-bottom-200: 0 2px 2px -1px rgba(34, 34, 34, 0.04), 0 2px 8px -1px rgba(34, 34, 34, 0.08);
  --elevation-bottom-300: 0 2px 2px -1px rgba(34, 34, 34, 0.04), 0 8px 16px -2px rgba(34, 34, 34, 0.12);
  --elevation-bottom-400: 0 2px 2px -1px rgba(34, 34, 34, 0.04),    0 8px 16px -2px rgba(34, 34, 34, 0.12);
  --text--header--xlarge: clamp(1.75rem, 1.2917rem + 0.9167vw, 2.25rem);
  --color-surface-overlay: hsl(0, 0%, 100%);
  --text--header--xxlarge: clamp(2rem, 1.5417rem + 0.9167vw, 2.5rem);
  --color--chart--base--c1: #cccccc;
  --font-size-header-large: 2rem;
  --font-size-header-small:  1.125rem;
  --font-weight-extra-thin: 300;
  --text--header--xxxlarge: clamp(2.5rem, 2.0417rem + 0.9167vw, 3rem);
  --color--content--primary: var(--color--global--grey--900);
  --color--global--grey--50: #fafafa;
  --color-input-placeholder: var(--color-text-secondary);
  --font-line-height-header: 1.2;
  --font-size-header-medium: 1.5rem;
  --color--global--brand--50: #fff0f1;
  --color--global--grey--100: #f5f5f5;
  --color--global--grey--200: #ebebeb;
  --color--global--grey--300: #d3d3d3;
  --color--global--grey--400: #a3a3a3;
  --color--global--grey--500:  hsla(0, 0%, 37%, 1);
  --color--global--grey--600:  hsla(0, 0%, 32%, 1);
  --color--global--grey--700:  hsla(0, 0%, 25%, 1);
  --color--global--grey--800: hsla(0, 0%, 18%, 1);
  --color--global--grey--900:  hsla(0, 0%, 13%, 1);
  --color--global--grey--950: #1a1a1a;
  --color-background-surface: #f7f7f7;
  --font-size-header-display: 4rem;
  --color--content--secondary: var(--color--global--grey--700);
  --color--global--brand--100: #ffe2e5;
  --color--global--brand--200: #ffcad1;
  --color--global--brand--300: #ff9faa;
  --color--global--brand--400: #ff697e;
  --color--global--brand--500: #ff3c5c;
  --color--global--brand--600: #ed113f;
  --color--global--brand--700: #c80836;
  --color--global--brand--800: #a80934;
  --color--global--brand--900: #8f0c33;
  --color--global--brand--950: #500116;
  --color-action-border-focus: #ff526e;
  --color-background-inverted: var(--color--global--grey--800);
  --font-size-paragraph-large:  1.125rem;
  --font-size-paragraph-small: 0.875rem;
  --color-action-neutral-hover: hsla(0, 0%, 25%, 1);
  --color-border-default-alpha: hsla(0, 0%, 11%, 0.09);
  --font-line-height-paragraph: 1.5;
  --font-size-paragraph-medium: 1rem;
  --color--chart--indicator--c1: var(--color--content--brand-primary);
  --color--global--learning--50: #eefff1;
  --color-action-neutral-active: hsla(0, 0%, 18%, 1);
  --color-action-neutral-normal: hsla(0, 0%, 32%, 1);
  --color-text-primary-inverted: #fcfcfc;
  --text--font-size--body--base: 1rem;
  --color--global--learning--100: #d7ffe0;
  --color--global--learning--200: #b2ffc4;
  --color--global--learning--300: #76ff97;
  --color--global--learning--400: #33D666;
  --color--global--learning--500: #00cc33;
  --color--global--learning--600: #00a329;
  --color--global--learning--700: #007a1f;
  --color--global--learning--800: #005214;
  --color--global--learning--900: #00340f;
  --color--global--learning--950: #00290a;
  --color--gradient--dimmer-blue: linear-gradient(to top left, #3c7dff33 0%, #3c7dff0d 100%) scroll border-box padding-box repeat repeat 0% 0% / auto;
  --color-surface-sunken-neutral: #f2f2f2;
  --text--font-size--body--large: 1.25rem;
  --text--font-size--body--small: 0.875rem;
  --color--content--brand-primary: var(--color--global--brand--500);
  --color--global--grey-alpha--50: hsla(0, 0%, 96%, 0.93);
  --color--gradient--dimmer-brand: linear-gradient(to top left, #ff3c5c33 0%, #ff3c5c0d 100%) scroll padding-box border-box repeat repeat 0% 0% / auto;
  --text--font-size--body--xlarge: 1.5rem;
  --text--font-size--body--xsmall: 0.75rem;
  --text--line-height--body--base: 1.5rem;
  --color--global--grey-alpha--100: hsla(0, 0%, 90%, 0.93);
  --color--global--grey-alpha--200: hsla(0, 0%, 80%, 0.93);
  --color--global--grey-alpha--300: hsla(0, 0%, 70%, 0.93);
  --color--global--grey-alpha--400: hsla(0, 0%, 60%, 0.93);
  --color--global--grey-alpha--500: hsla(0, 0%, 50%, 0.93);
  --color--global--grey-alpha--600: hsla(0, 0%, 40%, 0.93);
  --color--global--grey-alpha--700: hsla(0, 0%, 30%, 0.93);
  --color--global--grey-alpha--800: hsla(0, 0%, 20%, 0.93);
  --color--global--grey-alpha--900: hsla(0, 0%, 12%, 0.93);
  --color--global--grey-alpha--950: hsla(0, 0%, 7%, 0.93);
  --color--global--white-alpha--50: hsla(0, 0%, 100%, 0.02);
  --text--line-height--body--large: 1.75rem;
  --text--line-height--body--small: 1.25rem;
  --color--content--brand-secondary: var(--color--global--brand--300);
  --color--global--white-alpha--100: hsla(0, 0%, 100%, 0.04);
  --color--global--white-alpha--200: hsla(0, 0%, 100%, 0.08);
  --color--global--white-alpha--300: hsla(0, 0%, 100%, 0.12);
  --color--global--white-alpha--400: hsla(0, 0%, 100%, 0.16);
  --color--global--white-alpha--500: hsla(0, 0%, 100%, 0.25);
  --color--global--white-alpha--600: hsla(0, 0%, 100%, 0.40);
  --color--global--white-alpha--700: hsla(0, 0%, 100%, 0.55);
  --color--global--white-alpha--800: hsla(0, 0%, 100%, 0.70);
  --color--global--white-alpha--900: hsla(0, 0%, 100%, 0.85);
  --color--global--white-alpha--950:  hsla(0, 0%, 100%, 1);
  --text--line-height--body--xlarge: 2rem;
  --text--line-height--body--xsmall: 1.125rem;
  --color-action-neutral-alpha-hover: hsla(0, 0%, 11%, 0.09);
  --color-action-neutral-alpha-active: hsla(0, 0%, 13%, 0.06);
  --color-action-neutral-alpha-normal: #0000000d;
  ----color--global--grey-alpha--50-old: hsla(0, 0%, 10%, 0.02);
  ----color--global--grey-alpha--100-old: hsla(0, 0%, 10%, 0.05);
  ----color--global--grey-alpha--200-old: hsla(0, 0%, 10%, 0.12);
  ----color--global--grey-alpha--300-old: hsla(0, 0%, 10%, 0.22);
  ----color--global--grey-alpha--400-old: hsla(0, 0%, 10%, 0.38);
  ----color--global--grey-alpha--500-old: hsla(0, 0%, 10%, 0.52);
  ----color--global--grey-alpha--600-old: hsla(0, 0%, 10%, 0.68);
  ----color--global--grey-alpha--700-old: hsla(0, 0%, 10%, 0.82);
  ----color--global--grey-alpha--800-old: hsla(0, 0%, 10%, 0.92);
  ----color--global--grey-alpha--900-old: hsla(0, 0%, 10%, 0.97);
  --color--semantic--brand--primary-hover: var(--color--global--brand--600);
  --color--semantic--brand--primary-active: var(--color--global--brand--700);
  --color--semantic--brand--primary-normal: var(--color--global--brand--500);
}
[data-nc-theme~="adeno-learning-dark"] {
  --color-text-white: #ffffff;
  --color-icon-neutral: #b8b8b8;
  --color-input-normal: var(--color-text-primary);
  --color-surface-base: #030B03;
  --color-text-primary: #fcfcfc;
  --color-text-tertiary: #bdbdbd;
  --color-border-default: #FFFFFF;
  --color-surface-raised: #040F04;
  --color-text-secondary: #ebebeb;
  --color-surface-overlay: #051306;
  --color--chart--base--c1: #0e1b0e;
  --color-input-placeholder: var(--color-text-secondary);
  --color-action-border-focus: var(--color--global--learning--400);
  --color-action-neutral-hover: #d6d6d6;
  --color-border-default-alpha: var(--color--global--white-alpha--800);
  --color--chart--indicator--c1: var(--color--content--brand-primary);
  --color-action-neutral-active: #cfcfcf;
  --color-action-neutral-normal: #dedede;
  --color-surface-sunken-neutral: #051306;
  --color--content--brand-primary: var(--color--global--learning--500);
  --color--content--brand-secondary: var(--color--global--learning--300);
  --color-action-neutral-alpha-hover: hsla(0, 0%, 100%, 0.12);
  --color-action-neutral-alpha-active: hsla(0, 0%, 100%, 0.08);
  --color-action-neutral-alpha-normal: #ffffff0a;
  --color--semantic--brand--primary-hover: var(--color--global--learning--600);
  --color--semantic--brand--primary-active: var(--color--global--learning--700);
  --color--semantic--brand--primary-normal: var(--color--global--learning--500);
}
[data-nc-theme~="adeno-learning-light"] {
  --color-text-white: #ffffff;
  --color-icon-neutral: #b8b8b8;
  --color-input-normal: var(--color-text-primary);
  --color-surface-base: hsl(220, 15%, 98%);
  --color-text-primary: #222222;
  --color-text-tertiary: #a6a6a6;
  --color-border-default: #FFFFFF;
  --color-surface-raised: hsl(0, 0%, 100%);
  --color-text-secondary: #5e5e5e;
  --color-surface-overlay: hsl(0, 0%, 100%);
  --color--chart--base--c1: #cccccc;
  --color-input-placeholder: var(--color-text-secondary);
  --color-action-border-focus: var(--color--global--learning--400);
  --color-border-default-alpha: var(--color--global--grey-alpha--100);
  --color--chart--indicator--c1: var(--color--content--brand-primary);
  --color-surface-sunken-neutral: #f2f2f2;
  --color--content--brand-primary: var(--color--global--learning--500);
  --color--content--brand-secondary: var(--color--global--learning--300);
  --color--semantic--brand--primary-hover: var(--color--global--learning--600);
  --color--semantic--brand--primary-active: var(--color--global--learning--700);
  --color--semantic--brand--primary-normal: var(--color--global--learning--500);
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-inter: 'Inter',sans-serif;
--font-Inter Tight: 'Inter Tight',sans-serif;
--font-Poppins: 'Poppins',sans-serif;
--font-Raleway: 'Raleway',sans-serif;
--font-Black And White Picture: 'Black And White Picture',display;

    /* Font size */
    
    /* Font weight */
    
    /* Shadows */
    
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}


    .LNQWk {
      flex:1;
      display:flex;
      flex-direction:column;
    }

    .fmpEpn {
      width:100%;
      background:var(--color-surface-raised);
      padding-top:40px;
      padding-left:40px;
      padding-right:40px;
      padding-bottom:40px;
    }

    .etjJxV {
      color:var(--color-text-primary);
      font-size:1.125rem;
      font-family:"Poppins";
      font-weight:500;
    }

    @media (max-width: 1599px) and (min-width: 960px) {

    .etjJxV {
      font-size:1.25rem;
    }
    }

    @media (min-width: 1600px) {

    .etjJxV {
      font-size:1.5rem;
    }
    }

    .elhPAg {
      row-gap:0.5rem;
      column-gap:0.5rem;
    }

    .adeno-layout-section\:root {
      width:inherit;
      height:inherit;
      display:flex;
      background:var(--color-surface-base);
      padding-top:64px;
      padding-left:40px;
      padding-right:40px;
      padding-bottom:64px;
    }

    @media (max-width: 960px) {

    .adeno-layout-section\:root {
      padding-top:24px;
      padding-left:24px;
      padding-right:24px;
      padding-bottom:24px;
    }
    }

    .adeno-design-section-typo\:root {
      row-gap:var(--space-24);
      column-gap:var(--space-24);
      align-items:center;
      justify-content:flex-start;
    }

    .bkhvid {
      color:var(--color-text-primary);
      font-size:var(--text--body--small);
      font-family:"Raleway";
      line-height:1.6;
    }

    .fdkesM {
      width:100%;
      display:flex;
      row-gap:var(--space-32);
      max-width:1600px;
      box-sizing:border-box;
      column-gap:var(--space-32);
      align-items:flex-start;
      flex-direction:column;
      justify-content:flex-start;
    }

    .fsPPis {
      row-gap:var(--space-12);
      column-gap:var(--space-12);
    }

    .cmtuah {
      color:var(--color-text-primary);
      font-size:var(--text--body--base);
      font-family:"Raleway";
      line-height:1.6;
    }

    @media (max-width: 1599px) and (min-width: 960px) {

    .cmtuah {
      font-size:1.125rem;
    }
    }

    @media (min-width: 1600px) {

    .cmtuah {
      font-size:1.25rem;
    }
    }

    .dqXlPk {
      color:var(--color-text-primary);
      font-size:1rem;
      font-family:"Poppins";
      font-weight:500;
    }

    @media (max-width: 1599px) and (min-width: 960px) {

    .dqXlPk {
      font-size:1.125rem;
    }
    }

    @media (min-width: 1600px) {

    .dqXlPk {
      font-size:1.25rem;
    }
    }

    .cZhYuu {
      width:120px;
      height:2px;
      background:var(--color--semantic--brand--primary-normal);
    }

    .IfzYq {
      color:var(--color-text-primary);
      font-size:var(--text--header--xxlarge);
      font-family:"Poppins";
      font-weight:400;
      line-height:1.2;
    }

    .bpQjft {
      color:var(--color-text-primary);
      font-size:3rem;
      font-family:"Poppins";
      font-weight:300;
    }

    @media (max-width: 1600px) and (min-width: 960px) {

    .bpQjft {
      font-size:4rem;
    }
    }

    @media (min-width: 1600px) {

    .bpQjft {
      font-size:5rem;
    }
    }

    .fBQtCo {
      color:var(--color-text-primary);
      font-size:clamp(1.125rem, 0.45vw + 1.03rem, 1.375rem);
      font-family:"Poppins";
      font-weight:500;
    }

    @media (max-width: 1599px) and (min-width: 960px) {
    }

    @media (min-width: 1600px) {
    }

    .eLZByq {
      color:var(--color-text-primary);
      font-size:var(--text--header--xlarge);
      font-family:"Poppins";
      font-weight:400;
      line-height:1.2;
    }

    .eAPNNw {
      color:var(--color-text-primary);
      font-size:var(--text--body--large);
      font-family:"Raleway";
    }

    .fzWMQe {
      color:var(--color-text-primary);
      font-size:0.750rem;
      font-family:"Raleway";
    }

    @media (max-width: 1599px) and (min-width: 960px) {

    .fzWMQe {
      font-size:0.875rem;
    }
    }

    @media (min-width: 1600px) {

    .fzWMQe {
      font-size:1rem;
    }
    }

    .dBeNDm {
      color:var(--color-text-primary);
      font-size:var(--text--header--xxxlarge);
      font-family:"Poppins";
      font-weight:400;
      line-height:1.2;
    }

    .Adeno-design-page\:0NiiO3dRgScoVU5EJns_2 {
      font-family:"Poppins";
      font-weight:300;
    }

    .bWzoyg {
      flex:1;
      display:flex;
      row-gap:0.5rem;
      column-gap:0.5rem;
      align-items:flex-start;
      flex-direction:column;
      justify-content:flex-start;
    }

    .xAOEj {
      color:var(--color--semantic--brand--primary-normal);
      width:fit-content;
      cursor:pointer;
      display:flex;
      row-gap:0rem;
      font-size:1rem;
      column-gap:0rem;
      margin-top:1rem;
      transition:all 150ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      font-family:"Poppins";
      font-weight:500;
      flex-direction:row;
      justify-content:flex-start;
    }

    .xAOEj:hover {
      color:var(--color--semantic--brand--primary-hover);
      column-gap:0.125rem;
    }

    .xAOEj:active {
      color:var(--color--semantic--brand--primary-active);
      column-gap:0.125rem;
    }

    .ewCdFI {
      row-gap:2.5rem;
      column-gap:2.5rem;
    }

    .cHzoac {
      row-gap:24px;
      column-gap:24px;
    }

    .byphef {
      grid-area:1 / 1;
    }

    .Adeno-design-page\:2GH9ZkbstiqDm1UzLqMEP {
      align-items:center;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      justify-content:flex-end;
    }

    .CkpmP {
      transform:translateZ(0);
      background:var(--color-surface-overlay);
      box-shadow:var(--elevation-bottom-200);
      overflow-x:hidden;
      overflow-y:hidden;
      padding-top:1rem;
      border-color:var(--color-border-default-alpha);
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      border-top-left-radius:1rem;
      border-top-right-radius:1rem;
      border-bottom-left-radius:1rem;
      border-bottom-right-radius:1rem;
    }

    .Adeno-design-page\:2JpBl-Dd5rnwWjAjn3bSq {
      background:#f5f5f5;
      aspect-ratio:3/2;
    }

    .evXNgr {
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:flex-end;
      flex-direction:row;
      justify-content:flex-start;
    }

    .duViGp {
      color:var(--color-text-secondary);
      width:fit-content;
      height:28px;
      display:flex;
      row-gap:var(--space-4);
      font-size:14px;
      background:var(--color-surface-raised);
      column-gap:var(--space-4);
      align-items:center;
      font-family:"Inter";
      font-weight:500;
      line-height:1.4;
      border-color:var(--color-border-default-alpha);
      border-style:solid;
      border-width:1px;
      padding-left:var(--space-8);
      padding-right:var(--space-8);
      flex-direction:row;
      justify-content:flex-start;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .dApaGJ {
      height:100%;
    }

    .Adeno-design-page\:3e0N7s63o8WRP7jGeNOJD {
      color:var(--color--content--brand-primary);
    }

    .dFZAmL {
      color:var(--brand-primary-normal);
    }

    .Adeno-design-page\:3iAVGNpbfgDzHExIE6e6p {
      color:var(--color--content--brand-primary);
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .ehCbQK {
      row-gap:12px;
      column-gap:12px;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .cucEHv {
      transform:translateZ(0);
      background:var(--color-surface-overlay);
      box-shadow:var(--elevation-bottom-200);
      overflow-x:hidden;
      overflow-y:hidden;
      padding-top:var(--space-24);
      border-color:var(--color-border-default-alpha);
      border-style:solid;
      border-width:1px;
      padding-left:var(--space-24);
      padding-right:var(--space-24);
      padding-bottom:var(--space-24);
      border-top-left-radius:var(--radius-medium);
      border-top-right-radius:var(--radius-medium);
      border-bottom-left-radius:var(--radius-medium);
      border-bottom-right-radius:var(--radius-medium);
    }

    .Adeno-design-page\:5URyfw8UAeKg1D4H8y_AP {
      height:100%;
    }

    .fFCulM {
      width:100%;
      display:flex;
      row-gap:2rem;
      background:var(--color-surface-raised);
      column-gap:2rem;
      min-height:280px;
      align-items:center;
      padding-top:var(--space-24);
      padding-left:var(--space-40);
      padding-right:var(--space-40);
      padding-bottom:var(--space-40);
      justify-content:flex-start;
      border-top-color:var(--color--semantic--brand--primary-normal);
      border-top-style:solid;
      border-top-width:var(--space-4);
    }

    .ehRFAV {
      cursor:pointer;
    }

    .kujyP {
      display:flex;
      row-gap:var(--space-8);
      column-gap:var(--space-8);
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .adeno-footer-item\:ad9rDwDgxcDW6TOg1HMa3 {
      color:var(--brand-primary-normal);
    }

    .adeno-footer-text\:root {
      font-size:var(--text--font-size--body--small);
      font-family:"Poppins";
      font-weight:400;
    }

    .cAGMMH {
      width:112px;
      height:112px;
    }

    .adeno-footer\:5QwUMlvglsthqaPasNady {
      color:var(--color--semantic--brand--primary-normal);
    }

    .adeno-footer\:8wDJYsC4_frWls2sWHfcI {
      color:var(--color--semantic--brand--primary-normal);
    }

    .adeno-footer\:AW4iyXnVz5-CSA0B0AMps {
      color:#0A66C2;
      width:40px;
      height:40px;
    }

    .eQHcoi {
      width:120px;
      height:2px;
      background:var(--color--semantic--brand--primary-normal);
      margin-top:1.5rem;
      margin-bottom:1.5rem;
    }

    .adeno-footer\:B42GlFrRZ65K32m7SCpuL {
      margin-top:0px;
      margin-bottom:0px;
    }

    .ciWvMU {
      flex:1;
      display:flex;
      row-gap:var(--space-12);
      column-gap:var(--space-12);
      flex-direction:column;
    }

    .adeno-footer\:DcR5yhDHkI_hP3wBCi0kU {
      flex:1;
    }

    .cjuEmB {
      display:flex;
      row-gap:var(--space-8);
      flex-wrap:wrap;
      column-gap:var(--space-8);
      flex-direction:row;
    }

    .adeno-footer\:KQTm1npxSo_lbkQQeaf0Y {
      flex:2;
    }

    .adeno-footer\:PnRhsK1AbZX0T2yWZCKmQ {
      flex:2;
      align-items:flex-end;
      justify-content:flex-start;
    }

    .exUAWQ {
      color:var(--color-text-primary);
      display:inline-block;
      font-size:var(--text--body--base);
      text-align:left;
      font-family:"Raleway";
      font-weight:400;
      line-height:1.4;
    }

    .adeno-footer-heading\:root {
      color:var(--color-text-primary);
      font-size:20px;
      font-family:"Inter Tight";
      font-weight:400;
    }

    .adeno-footer\:U4AK1xOEbLdVroMmcn0_V {
      font-weight:var(--font-weight-bold);
    }

    .kTmVx {
      width:100%;
      max-width:1600px;
      margin-top:auto;
    }

    .eFotaO {
      width:100%;
      display:flex;
      max-width:1600px;
      align-items:flex-start;
      flex-direction:row;
      justify-content:space-between;
    }

    @media (max-width: 1150px) {

    .eFotaO {
      row-gap:40px;
      column-gap:40px;
      flex-direction:column;
    }
    }

    .eTzhGQ {
      display:flex;
      row-gap:var(--space-8);
      column-gap:var(--space-8);
      flex-direction:row;
    }

    .adeno-footer\:gAtvztSBpG7-Z2FNJyUHP {
      color:var(--color--semantic--brand--primary-normal);
    }

    .adeno-footer\:io2XWy9SWWWrEJTi6Rp2N {
      margin-top:0px;
      margin-bottom:0px;
    }

    .dBHEtJ {
      color:var(--color--content--brand-primary);
    }

    .adeno-footer\:oOfj67Mu1rJuleV7I_Vka {
      color:var(--color--semantic--brand--primary-normal);
    }

    .eOxuRq {
      display:inline;
      font-size:14px;
      font-family:"Inter";
      font-weight:inherit;
    }

    .adeno-footer\:qKKrUr_8Fi0vClRkeqBr2 {
      color:var(--color--semantic--brand--primary-normal);
    }

    .cSRkMe {
      align-items:flex-end;
      margin-bottom:1rem;
      justify-content:flex-start;
    }

    .adeno-footer\:t7PxVrYBFOWyaHJpn7WIj {
      flex:1;
      display:flex;
    }

    .adeno-footer\:uhUS200JeI0UhfdDtsDyw {
      margin-top:0px;
      margin-bottom:0px;
    }

    .dkZEQs {
      display:flex;
      row-gap:var(--space-8);
      column-gap:var(--space-8);
      flex-direction:column;
    }

    .freWgk {
      cursor:pointer;
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .BavkH {
      width:100%;
      height:100%;
      border-top-left-radius:inherit;
      border-top-right-radius:inherit;
      border-bottom-left-radius:inherit;
      border-bottom-right-radius:inherit;
    }

    .adeno-footer\:y1mwKcnx7mY6duD4kEF7V {
      width:2.5rem;
      height:2.5rem;
    }

    .adeno-footer\:z8jYK5iaxhYoK3A8TPk8b {
      color:var(--color--semantic--brand--primary-normal);
    }

    .NXgSj {
      width:112px;
      height:112px;
      display:flex;
      object-fit:cover;
      align-items:center;
      justify-content:flex-start;
      border-top-left-radius:0.5rem;
      border-top-right-radius:0.5rem;
      border-bottom-left-radius:0.5rem;
      border-bottom-right-radius:0.5rem;
    }

    .Adeno-design-page\:6lQ29K_IOg-DotOCc4rtb {
      row-gap:var(--space-16);
      background:var(--color-surface-raised);
      column-gap:var(--space-16);
    }

    .Adeno-design-page\:7mUceyZaGoPGqyRUzJ-Bm {
      margin-top:0.5rem;
      margin-bottom:1rem;
    }

    .ehbryF {
      color:var(--color-text-primary);
      width:100%;
      font-size:1rem;
      font-family:"Poppins";
      font-weight:300;
    }

    .cRmdLR {
      width:100%;
      height:var(--space-40);
      display:flex;
      row-gap:var(--space-8);
      background:var(--color-surface-overlay);
      column-gap:var(--space-8);
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      border-color:var(--color-border-default-alpha);
      border-style:solid;
      border-width:1px;
      padding-left:var(--space-12);
      padding-right:var(--space-12);
      flex-direction:row;
      justify-content:start;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .cRmdLR:hover {
      background:;
    }

    .cRmdLR.focused {
      background:;
      outline-color:var(--color-action-border-focus);
      outline-style:solid;
      outline-width:2px;
    }

    @media (min-width: 1500px) {

    .cRmdLR {
      height:56px;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }
    }

    @media (max-width: 1499px) and (min-width: 960px) {

    .cRmdLR {
      height:48px;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }
    }

    .aYuKG {
      flex:1;
      color:var(--color-input-normal);
      width:100%;
      height:100%;
      font-size:clamp(1rem, 0.8980rem + 0.2041vw, 1.125rem);
      font-family:"Poppins";
      font-weight:300;
      line-height:inherit;
    }

    .aYuKG::placeholder {
      color:var(--color-input-placeholder);
    }

    .IVBcI {
      width:100%;
      row-gap:0.5rem;
      column-gap:0.5rem;
    }

    .Adeno-design-page\:8zLWEjX3bOFuVkuDg_-D0 {
      margin-top:4px;
      margin-bottom:16px;
    }

    .Adeno-design-page\:9D8ETMQricgPw6h_i6YYa {
      margin-top:4px;
      margin-bottom:16px;
    }

    .Adeno-design-page\:9zutcY-nUOWfgTGLmfa3a {
      align-items:center;
      justify-content:flex-start;
    }

    .fnsdxn {
      width:fit-content;
      display:flex;
      row-gap:var(--space-8);
      column-gap:var(--space-8);
      flex-direction:column;
    }

    .adeno-design-section-form\:root {
      row-gap:var(--space-16);
      background:var(--color-surface-raised);
      column-gap:var(--space-16);
    }

    .ciPXVE {
      flex:1;
      color:var(--color-input-normal);
      width:100%;
      height:100%;
      font-size:clamp(1rem, 0.8980rem + 0.2041vw, 1.125rem);
      font-family:"Poppins";
      font-weight:300;
      line-height:normal;
    }

    .ciPXVE::placeholder {
      color:var(--color-input-placeholder);
    }

    .egkcwx {
      width:fit-content;
    }

    .iqsvV {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      opacity:0;
      position:absolute;
      pointer-events:none;
    }

    .dPsZdn {
      display:flex;
      flex-direction:column;
    }

    .so-checkbox\:bB2hBlpODhaKpli7ZCDA5 {
      color:var(--color-action-neutral-normal);
      width:1rem;
      height:1rem;
      opacity:0;
      transition:opacity 100ms ease 0ms normal;
    }

    .so-checkbox\:bB2hBlpODhaKpli7ZCDA5.checked {
      color:var(--color-text-white);
      opacity:1;
    }

    .so-checkbox\:bB2hBlpODhaKpli7ZCDA5.indeterminate {
      color:var(--color-text-white);
      opacity:1;
    }

    .eUzFOF {
      align-items:center;
      justify-content:center;
    }

    .so-checkbox\:bBXPXZVlijG6_sQdFdAPL {
      width:1.5rem;
      height:1.5rem;
      background:white;
      transition:background-color 200ms ease 0ms normal;
      border-color:var(--color-border-default);
      border-style:solid;
      border-width:1px;
      outline-color:transparent;
      outline-style:solid;
      outline-width:2px;
      outline-offset:var(--border-md);
      border-top-left-radius:var(--radius-xsmall);
      border-top-right-radius:var(--radius-xsmall);
      border-bottom-left-radius:var(--radius-xsmall);
      border-bottom-right-radius:var(--radius-xsmall);
    }

    .so-checkbox\:bBXPXZVlijG6_sQdFdAPL.checked {
      background:var(--color--semantic--brand--primary-normal);
    }

    .so-checkbox\:bBXPXZVlijG6_sQdFdAPL:hover {
      background:var(--color-action-neutral-alpha-hover);
    }

    .so-checkbox\:bBXPXZVlijG6_sQdFdAPL.checked:hover {
      background:var(--color--semantic--brand--primary-hover);
    }

    .so-checkbox\:bBXPXZVlijG6_sQdFdAPL:focus-visible {
      outline-color:var(--color-action-border-focus);
      outline-style:solid;
      outline-width:2px;
      outline-offset:var(--border-md);
    }

    .so-checkbox\:bBXPXZVlijG6_sQdFdAPL.indeterminate {
      background:var(--color-primary-normal);
    }

    .so-checkbox\:bBXPXZVlijG6_sQdFdAPL.indeterminate:hover {
      background:var(--color-primary-normal);
    }

    .so-field-textarea\:root {
      height:fit-content;
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      flex-direction:column;
      padding-bottom:0px;
    }

    .dQFodf {
      flex:1;
      color:var(--color-input-normal);
      width:100%;
      height:auto;
      resize:vertical;
      font-size:clamp(1rem, 0.8980rem + 0.2041vw, 1.125rem);
      min-height:112px;
      align-items:stretch;
      font-family:"Poppins";
      font-weight:300;
      line-height:normal;
      padding-top:var(--space-12);
      padding-left:var(--space-12);
      padding-right:var(--space-12);
      padding-bottom:var(--space-12);
      border-top-left-radius:0.5rem;
      border-top-right-radius:0.5rem;
      border-bottom-left-radius:0.5rem;
      border-bottom-right-radius:0.5rem;
    }

    .dQFodf::placeholder {
      color:var(--color-input-placeholder);
    }

    .PrBvD {
      color:var(--color-text-primary);
      font-size:var(--text-lg);
      font-family:Inter;
      font-weight:var(--font-weight-bold);
      line-height:1.5;
    }

    .Adeno-design-page\:AV3oqEYGZlvrLsMQL3BFg {
      color:var(--color--content--brand-primary);
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .TywjU {
      object-fit:cover;
      aspect-ratio:5/4;
      border-top-left-radius:0.725rem;
      border-top-right-radius:0.725rem;
      border-bottom-left-radius:0.725rem;
      border-bottom-right-radius:0.725rem;
    }

    .eodBPZ {
      top:var(--space-0);
      left:var(--space-0);
      right:var(--space-0);
      width:100%;
      display:flex;
      z-index:100;
      position:fixed;
      background:;
      margin-top:48px;
      transition:all 500ms ease;
      align-items:center;
      padding-left:1.5rem;
      padding-right:1.5rem;
      flex-direction:row;
      justify-content:center;
    }

    @media (max-width: 1100px) {

    .eodBPZ {
      margin-top:0px;
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
    }
    }

    @media (min-width: 1100px) {

    .eodBPZ.collapsed {
      margin-top:0px;
    }
    }

    .fmlHGT {
      width:120px;
      outline-color:transparent;
      outline-style:solid;
      outline-width:2px;
    }

    .efuSlk {
      object-fit:cover;
    }

    .bWpTnd {
      width:fit-content;
      height:auto;
    }

    .header-nav-link\:root {
      height:48px;
    }

    .ewOHtS {
      width:0%;
      height:2px;
      opacity:0;
      background:transparent;
      transition:width 200ms cubic-bezier(0.42, 0, 0.58, 1)  , opacity 200ms ease;
      border-top-left-radius:999px;
      border-top-right-radius:999px;
      border-bottom-left-radius:999px;
      border-bottom-right-radius:999px;
    }

    .ewOHtS.hover {
      width:100%;
      height:2px;
      opacity:1;
      background:var(--color--semantic--brand--primary-normal);
    }

    .hJCJi {
      color:var(--color-text-primary);
      width:fit-content;
      cursor:pointer;
      height:var(--space-48);
      display:flex;
      row-gap:var(--space-4);
      font-size:1.125rem;
      column-gap:var(--space-4);
      align-items:center;
      font-family:"Poppins";
      font-weight:var(--font-weight-thin);
      padding-left:var(--space-16);
      font‑family:Inter;
      padding-right:var(--space-16);
      flex-direction:row;
      justify-content:center;
    }

    .hJCJi:hover {
      color:var(--color--semantic--brand--primary-hover);
    }

    .hJCJi:active {
      color:var(--color--semantic--brand--primary-active);
    }

    .hJCJi.selected {
      color:var(--color--semantic--brand--primary-normal);
    }

    .eFQaJC {
      top:var(--top);
      left:var(--left);
      position:absolute;
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
      pointer-events:all;
      transform-origin:var(--transform-origin-x) var(--transform-origin-y);
    }

    .eFQaJC:focus {
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
    }

    .eFQaJC.hidden {
      visibility:hidden;
      pointer-events:none;
    }

    .eFQaJC.match-anchor-width {
      width:var(--sc-anchor-width);
    }

    .adeno-ui-header-flyout-popover\:OX3O-r2ffH21w_f0fxZa- {
      gap:0.25rem;
      height:fit-content;
      opacity:0;
      z-index:10;
      min-width:200px;
      background:var(--color-surface-overlay);
      box-shadow:var(--elevation-bottom-200);
      padding-top:24px;
      border-color:var(--color-border-default);
      border-style:solid;
      border-width:1px;
      padding-left:24px;
      padding-right:24px;
      padding-bottom:24px;
      border-top-left-radius:16px;
      border-top-right-radius:16px;
      border-bottom-left-radius:16px;
      border-bottom-right-radius:16px;
    }

    .adeno-ui-header-flyout-popover\:OX3O-r2ffH21w_f0fxZa-.open {
      opacity:1;
    }

    .adeno-ui-header-flyout-popover\:OX3O-r2ffH21w_f0fxZa-.open-transition {
      transition:opacity 300ms ease 0ms normal;
    }

    .adeno-ui-header-flyout-popover\:OX3O-r2ffH21w_f0fxZa-.close-transition {
      transition:opacity 300ms ease 0ms normal;
    }

    .dYElHa {
      width:var(--width);
      height:var(--height);
      position:fixed;
      pointer-events:none;
    }

    .dYElHa.modal {
      pointer-events:all;
    }

    .dqsoTv {
      width:fit-content;
      height:fit-content;
    }

    .adeno-ui-header-flyout-popover\:sHGTkeU7Ej-w1nhzyUBGq {
      top:0px;
      flex:1;
      left:24px;
      right:24px;
      width:auto;
      height:80px;
      display:flex;
      position:fixed;
      max-width:1800px;
      background:;
      margin-top:var(--top-margin);
      margin-left:auto;
      margin-right:auto;
      flex-direction:row;
      pointer-events:none;
    }

    .foeVzP {
      color:var(--color--semantic--brand--primary-normal);
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .adeno-website-nav-mobile\:8UtYnTGM3AoXDZMILyex- {
      width:100%;
    }

    .adeno-website-nav-mobile\:8YYa0Jmiibd3TfiUBy2TZ {
      color:var(--color-action-neutral-normal);
      width:2.5rem;
      height:2.5rem;
      transition:background 200ms ease;
      align-items:center;
      margin-left:auto;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .adeno-website-nav-mobile\:8YYa0Jmiibd3TfiUBy2TZ:hover {
      color:var(--color-action-neutral-hover);
      background:var(--color-action-neutral-alpha-hover);
    }

    .adeno-website-nav-mobile\:8YYa0Jmiibd3TfiUBy2TZ:active {
      color:var(--color-action-neutral-active);
      background:var(--color-action-neutral-alpha-active);
      transition:none;
    }

    .adeno-website-nav-mobile\:AvJsqa6jePa7eTdGrpm_d {
      padding-left:1rem;
      border-top-color:var(--color-border-default-alpha);
      border-top-style:solid;
      border-top-width:1px;
      border-bottom-color:var(--color-border-default);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .edAQxD {
      height:0px;
      overflow-x:hidden;
      overflow-y:hidden;
      will-change:height;
    }

    .edAQxD.open {
      height:var(--height);
    }

    .adeno-website-nav-mobile\:AvcGnUsOZ40SRgWAJSSKL {
      transition:height 300ms ease;
    }

    .dFABMl {
      color:var(--color--semantic--brand--primary-normal);
      width:100%;
      display:flex;
      row-gap:1rem;
      font-size:var(--text--header--base);
      column-gap:1rem;
      align-items:center;
      font-family:"Poppins";
      font-weight:500;
      line-height:1.2;
      padding-top:1rem;
      padding-left:0.75rem;
      padding-right:0.75rem;
      flex-direction:row;
      padding-bottom:1rem;
      justify-content:flex-start;
    }

    .dFABMl:hover {
      color:var(--color--semantic--brand--primary-hover);
    }

    .dFABMl:active {
      color:var(--color--semantic--brand--primary-active);
    }

    .epAvcr {
      flex:1;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      line-height:normal;
    }

    .epIAAF {
      flex:1;
      font-size:inherit;
      text-align:left;
      font-family:inherit;
      font-weight:inherit;
      line-height:normal;
    }

    .rltzo {
      flex:1;
    }

    .zDxWt {
      flex:1;
      padding-bottom:2rem;
    }

    .KsFov {
      width:var(--width);
      height:var(--height);
      position:fixed;
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:center;
      pointer-events:none;
      justify-content:center;
    }

    .KsFov.modal {
      touch-action:none;
      pointer-events:all;
    }

    .adeno-website-nav-mobile\:OQgEgV1aGzKfrMBF96IYb {
      color:var(--color-action-neutral-normal);
      width:2.5rem;
      height:2.5rem;
      transition:background 200ms ease;
      align-items:center;
      margin-left:auto;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .adeno-website-nav-mobile\:OQgEgV1aGzKfrMBF96IYb:hover {
      color:var(--color-action-neutral-hover);
      background:var(--color-action-neutral-alpha-hover);
    }

    .adeno-website-nav-mobile\:OQgEgV1aGzKfrMBF96IYb:active {
      color:var(--color-action-neutral-active);
      background:var(--color-action-neutral-alpha-active);
      transition:none;
    }

    .btfUgi {
      height:3rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .SWxlP {
      position:relative;
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
      pointer-events:all;
    }

    .SWxlP:focus {
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
    }

    .adeno-website-nav-mobile\:VB12Z9IWxRsnH59YCVYba {
      width:100vw;
      height:100vh;
      display:flex;
      row-gap:2rem;
      background:var(--color-surface-overlay);
      column-gap:2rem;
      padding-top:2.5rem;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:column;
      padding-bottom:1rem;
    }

    .dGQHuB {
      rotate:0 0 1 0deg;
      transition:rotate 300ms ease;
    }

    .dGQHuB.is-open {
      rotate:0 0 1 -180deg;
    }

    .adeno-website-nav-mobile\:u7wQnYpdaSXX_TCCC-tUU {
      color:var(--color--semantic--brand--primary-normal);
      width:100%;
      display:flex;
      row-gap:1rem;
      font-size:var(--text--header--base);
      column-gap:1rem;
      align-items:center;
      font-family:"Poppins";
      font-weight:500;
      line-height:1.2;
      padding-top:1rem;
      padding-left:0.75rem;
      padding-right:0.75rem;
      flex-direction:row;
      padding-bottom:1rem;
      justify-content:flex-start;
    }

    .adeno-website-nav-mobile\:u7wQnYpdaSXX_TCCC-tUU:hover {
      color:var(--color--semantic--brand--primary-hover);
    }

    .adeno-website-nav-mobile\:u7wQnYpdaSXX_TCCC-tUU:active {
      color:var(--color--semantic--brand--primary-active);
    }

    .bCrsFu {
      overflow-y:auto;
      touch-action:auto;
    }

    .adeno-website-nav-mobile\:z-6eIDXEkA3bgugvt1FcW {
      flex:1;
    }

    .bJoCor.orientation-horizontal {
      flex-direction:row;
    }

    .adeno-website-nav-mobile\:zlo2RLppm6d0Y8k-6Z2Eg {
      flex:1;
    }

    .MCOBo {
      flex:1;
      display:flex;
      row-gap:24px;
      column-gap:24px;
      flex-direction:row;
    }

    .dKgQGF {
      flex:1;
      color:var(--color-text-primary);
      cursor:pointer;
      display:flex;
      position:relative;
      font-size:var(--space-24);
      align-items:flex-start;
      font-family:"Poppins";
      font-weight:400;
      outline-color:transparent;
      outline-style:solid;
      outline-width:2px;
      justify-content:center;
    }

    .dKgQGF:hover {
      color:var(--color--semantic--brand--primary-hover);
    }

    .dKgQGF:active {
      color:var(--color--semantic--brand--primary-active);
    }

    .bfrgcb {
      width:0%;
      height:2px;
      opacity:0;
      background:transparent;
      transition:width 300ms cubic-bezier(0.42, 0, 0.58, 1)  , opacity 200ms ease;
      border-top-left-radius:999px;
      border-top-right-radius:999px;
      border-bottom-left-radius:999px;
      border-bottom-right-radius:999px;
    }

    .bfrgcb.hover {
      width:100%;
      height:2px;
      opacity:1;
      background:var(--color--semantic--brand--primary-normal);
    }

    .aoWlM {
      row-gap:var(--space-8);
      column-gap:var(--space-8);
    }

    .bgZSOx {
      width:33%;
      row-gap:var(--space-12);
      column-gap:var(--space-12);
    }

    .hzDlp {
      flex:1;
      background:var(--global-colors--grey-alpha--100);
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .adeno-ui-flyout-menu-header\:root {
      color:var(--color-text-secondary);
      font-size:1.25rem;
      font-family:"Poppins";
      font-weight:400;
      line-height:normal;
    }

    .fGKoxO {
      display:none;
    }

    @media (max-width: 1100px) {

    .fGKoxO {
      display:flex;
    }
    }

    .adeno-header\:FrpPu6o62ZO3sTqmvKrhQ {
      color:var(--color-action-neutral-normal);
      width:2.5rem;
      height:2.5rem;
      transition:background 200ms ease;
      align-items:center;
      margin-left:auto;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .adeno-header\:FrpPu6o62ZO3sTqmvKrhQ:hover {
      color:var(--color-action-neutral-hover);
      background:var(--color-action-neutral-alpha-hover);
    }

    .adeno-header\:FrpPu6o62ZO3sTqmvKrhQ:active {
      color:var(--color-action-neutral-active);
      background:var(--color-action-neutral-alpha-active);
      transition:none;
    }

    .cfXSqU {
      display:flex;
      row-gap:12px;
      column-gap:12px;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    @media (max-width: 1100px) {

    .cfXSqU {
      display:none;
    }
    }

    .cBMmx {
      width:24px;
      height:24px;
    }

    .adeno-header\:QPCji-yDMn05VskxqhPda {
      width:20px;
      height:20px;
    }

    .aHiKj {
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .adeno-header\:VY9daZgbu6kU1mj7QAuUH {
      width:20px;
      height:20px;
    }

    .adeno-header\:YQGWU5YQ9hQxKO6C_4y3v {
      width:20px;
      height:20px;
    }

    .cSmzcK {
      color:var(--color-text-primary);
      font-size:32px;
      text-align:left;
      font-family:"Poppins";
      font-weight:400;
      line-height:40px;
      letter-spacing:-1px;
      scroll-margin-top:40px;
    }

    @media (min-width: 640px) {

    .cSmzcK {
      font-size:40px;
      line-height:56px;
      letter-spacing:-1.5px;
    }
    }

    .cSmzcK.centered {
      text-align:center;
    }

    .adeno-ui-text-h2-old\:root {
      font-family:"Inter";
      font-weight:var(--font-weight-medium);
    }

    .adeno-video-popover\:3eWwL-X0NmfJhwGi1V6gA {
      font-size:1.25rem;
      font-family:"Inter";
      font-weight:var(--font-weight-bold);
      line-height:normal;
      letter-spacing:normal;
    }

    .byjkOA {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      z-index:-1;
      position:absolute;
    }

    .adeno-video-popover\:9TI2vOJ3tEgs7X3XPk7L7.open {
      background:hsla(0, 0%, 10%, 0.82);
    }

    .cflTuv {
      width:100%;
      max-height:calc(100% - 64px);
      object-fit:contain;
      aspect-ratio:16/9;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .adeno-video-popover\:pXW1BtWMgk0s00b4EJK1j {
      height:fit-content;
      opacity:0;
      row-gap:1rem;
      z-index:10;
      max-width:80%;
      min-width:60%;
      background:var(--color-surface-overlay);
      box-sizing:border-box;
      column-gap:1rem;
      margin-top:auto;
      max-height:80%;
      margin-left:auto;
      padding-top:1rem;
      border-color:var(--color-border-default);
      border-style:solid;
      margin-right:auto;
      padding-left:1rem;
      margin-bottom:auto;
      padding-right:1rem;
      padding-bottom:1rem;
      border-top-left-radius:24px;
      border-top-right-radius:24px;
      border-bottom-left-radius:24px;
      border-bottom-right-radius:24px;
    }

    .adeno-video-popover\:pXW1BtWMgk0s00b4EJK1j.open {
      opacity:1;
    }

    .adeno-video-popover\:pXW1BtWMgk0s00b4EJK1j.open-transition {
      transition:opacity 300ms ease 0ms normal;
    }

    .adeno-video-popover\:pXW1BtWMgk0s00b4EJK1j.close-transition {
      transition:opacity 300ms ease 0ms normal;
    }

    .adeno-video-popover\:pchVtQKAC96QWtWDnz935 {
      color:var(--color-action-neutral-normal);
      width:48px;
      cursor:pointer;
      height:48px;
      display:flex;
      background:var(--color-action-neutral-alpha-normal);
      align-items:center;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .adeno-video-popover\:pchVtQKAC96QWtWDnz935:hover {
      color:var(--color-action-neutral-hover);
      background:var(--color-action-neutral-alpha-hover);
    }

    .adeno-video-popover\:pchVtQKAC96QWtWDnz935:active {
      color:var(--color-action-neutral-active);
      background:var(--color-action-neutral-alpha-active);
    }

    .cqpJsI {
      width:100%;
      display:flex;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .cbqqOk {
      color:var(--color-text-white);
    }

    .Rylgt {
      flex:1;
      display:flex;
      row-gap:24px;
      background:var(--color-surface-overlay);
      column-gap:24px;
      padding-top:24px;
      padding-left:24px;
      padding-right:24px;
      flex-direction:row;
      padding-bottom:24px;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .QDfXC {
      width:28px;
      height:28px;
      display:flex;
      font-size:inherit;
      background:currentColor;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:4px;
      padding-left:4px;
      padding-right:4px;
      padding-bottom:4px;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .cSoyfG {
      flex:1;
      display:flex;
      background:var(--global-colors--grey-alpha--100);
      padding-top:16px;
      padding-left:16px;
      padding-right:16px;
      flex-direction:row;
      padding-bottom:16px;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .bodqAu {
      color:var(--color--semantic--brand--primary-normal);
      width:fit-content;
      cursor:pointer;
      height:48px;
      display:flex;
      row-gap:var(--space-12);
      font-size:1rem;
      column-gap:var(--space-12);
      transition:all 150ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      font-family:"Poppins";
      font-weight:var(--font-weight-normal);
      line-height:normal;
      border-color:currentColor;
      border-style:solid;
      border-width:1px;
      padding-left:12px;
      padding-right:8px;
      flex-direction:row;
      justify-content:flex-start;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .bodqAu:hover {
      color:var(--color--semantic--brand--primary-hover);
      column-gap:var(--space-16);
    }

    .bodqAu:active {
      color:var(--color--semantic--brand--primary-active);
    }

    .bodqAu.small {
      height:40px;
      padding-left:8px;
      padding-right:4px;
    }

    .cqesqi {
      width:32px;
      height:32px;
      display:flex;
      font-size:inherit;
      background:currentColor;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:4px;
      padding-left:4px;
      padding-right:4px;
      padding-bottom:4px;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .cqesqi.small {
      width:28px;
      height:28px;
    }

    .cBYozi {
      color:var(--color-text-primary);
      display:inline-block;
      font-size:14px;
      margin-top:var(--margin-top);
      font-family:Inter;
      font-weight:450;
      line-height:20px;
      white-space:normal;
      margin-bottom:var(--margin-bottom);
      letter-spacing:var(--letter-spacing);
    }

    .cBYozi.truncated {
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

    .cBYozi.clamped {
      display:-webkit-box;
      overflow:hidden;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:var(--clamp-lines);
    }

    .adeno-ui-link-secondary\:WQ5AbwLoiLxeMYgwyQlDJ {
      color:currentColor;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      line-height:inherit;
    }

    .adeno-header-about-flyout-menu\:O2ludI_pqQMm0L27PVZ23 {
      height:40px;
      font-size:0.875rem;
    }

    .adeno-header-about-flyout-menu\:Ss3lE3WZ_hoF8vDXiD53F {
      width:64px;
      cursor:pointer;
      height:64px;
      display:flex;
      background:var(--global-colors--grey-alpha--500);
      align-items:center;
      justify-content:center;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .adeno-header-about-flyout-menu\:Ss3lE3WZ_hoF8vDXiD53F:hover {
      background:var(--global-colors--grey-alpha--400);
    }

    .adeno-header-about-flyout-menu\:Ss3lE3WZ_hoF8vDXiD53F:active {
      background:var(--global-colors--grey-alpha--300);
    }

    .bpDezH {
      color:var(--color-text-primary);
      font-size:24px;
      text-align:left;
      font-family:"Poppins";
      font-weight:400;
      line-height:32px;
      letter-spacing:-0.5px;
    }

    @media (min-width: 640px) {

    .bpDezH {
      font-size:32px;
      line-height:48px;
      letter-spacing:-0.5px;
    }
    }

    .bpDezH.centered {
      text-align:center;
    }

    .adeno-header-about-flyout-menu\:T89HN7Jo2bwZzwB9NudEF {
      font-size:1.125rem;
      line-height:normal;
    }

    .eKaCwb {
      width:100%;
      height:100%;
      position:absolute;
      object-fit:cover;
      border-top-left-radius:inherit;
      border-top-right-radius:inherit;
      border-bottom-left-radius:inherit;
      border-bottom-right-radius:inherit;
    }

    .bxLYIR {
      flex:1;
      max-width:100%;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .dNXxOQ {
      padding-top:var(--space-12);
      padding-bottom:var(--space-12);
    }

    .dKRpGl {
      width:50%;
      display:flex;
      row-gap:32px;
      column-gap:32px;
      align-items:flex-start;
      justify-content:flex-start;
    }

    .adeno-header-about-flyout-menu\:eOIbx8eaH2kGMoy-GJnf9 {
      color:currentColor;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      line-height:inherit;
    }

    .cVmVdW {
      height:100%;
      display:flex;
      align-items:flex-start;
      padding-top:16px;
      padding-left:16px;
      padding-right:16px;
      padding-bottom:16px;
      justify-content:flex-end;
    }

    .kpgyE {
      row-gap:1rem;
      column-gap:1rem;
    }

    .header-nav-button\:root {
      height:48px;
    }

    .fBkblK {
      color:var(--color-text-primary);
      width:fit-content;
      cursor:pointer;
      height:var(--space-48);
      display:flex;
      row-gap:var(--space-4);
      font-size:1.125rem;
      column-gap:var(--space-4);
      align-items:center;
      font-family:"Poppins";
      font-weight:var(--font-weight-thin);
      padding-left:var(--space-16);
      font‑family:Inter;
      padding-right:var(--space-16);
      flex-direction:row;
      justify-content:center;
    }

    .fBkblK:hover {
      color:var(--color--semantic--brand--primary-hover);
    }

    .fBkblK:active {
      color:var(--color--semantic--brand--primary-active);
    }

    .fBkblK.selected {
      color:var(--color--semantic--brand--primary-normal);
      font-weight:var(--font-weight-normal);
    }

    .adeno-header\:h9FHY9gR9kNE7DIrKhhTC {
      width:20px;
      height:20px;
    }

    .eLNrVS {
      color:white;
      width:fit-content;
      cursor:pointer;
      height:40px;
      display:flex;
      font-size:var(--text--font-size--body--base);
      background:var(--color--semantic--brand--primary-normal);
      align-items:center;
      font-family:"Inter";
      font-weight:450;
      line-height:var(--text--line-height--body--base);
      padding-left:20px;
      padding-right:20px;
      flex-direction:row;
      justify-content:flex-start;
      border-top-left-radius:var(--space-8);
      border-top-right-radius:var(--space-8);
      border-bottom-left-radius:var(--space-8);
      border-bottom-right-radius:var(--space-8);
    }

    .eLNrVS:hover {
      background:var(--color--semantic--brand--primary-hover);
    }

    .eLNrVS:active {
      background:var(--color--semantic--brand--primary-active);
    }

    @media (min-width: 960px) {

    .eLNrVS {
      height:48px;
      padding-left:24px;
      padding-right:24px;
    }
    }

    .eEbONa {
      flex-direction:row;
    }

    @media (max-width: 1100px) {

    .eEbONa {
      display:none;
    }
    }

    .eHVWsl {
      width:100%;
      height:80px;
      display:flex;
      opacity:1;
      z-index:1000;
      max-width:1800px;
      background:var(--color-surface-raised);
      box-shadow:0px 2px 2px -1px #2121210a, 0px 2px 8px -1px #21212114;
      transition:background 300ms ease;
      align-items:center;
      padding-top:var(--space-12);
      border-color:var(--color-border-default-alpha);
      border-style:solid;
      border-width:1px;
      padding-left:var(--space-16);
      padding-right:var(--space-16);
      flex-direction:row;
      padding-bottom:var(--space-12);
      justify-content:space-between;
      border-top-left-radius:var(--space-12);
      border-top-right-radius:var(--space-12);
      border-bottom-left-radius:var(--space-12);
      border-bottom-right-radius:var(--space-12);
    }

    @media (max-width: 1100px) {

    .eHVWsl {
      border-top-left-radius:0px;
      border-top-right-radius:0px;
      border-bottom-left-radius:0px;
      border-bottom-right-radius:0px;
    }
    }

    @media (min-width: 1100px) {

    .eHVWsl.transparent {
      background:hsla(0, 0%, 100%, 0.12);
    }
    }

    @media (min-width: 1100px) {

    .eHVWsl:hover {
      background:var(--color-surface-raised);
    }
    }

    .Adeno-design-page\:C9X0sBSNHn9t3-UWVhewC {
      position:relative;
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
    }

    .Adeno-design-page\:CMFWBKj8fJvAtQEe3bK7R {
      font-family:"Poppins";
      font-weight:300;
    }

    .fvfQAV {
      display:grid;
      overflow-x:hidden;
      overflow-y:hidden;
      grid-template:1fr / 1fr;
    }

    .Adeno-design-page\:CxzwI03IjRJey8NTbbEX_ {
      height:100%;
    }

    .Adeno-design-page\:D_ucDXPZuAOQ0_F2dTY1l {
      row-gap:var(--space-16);
      background:var(--color-surface-raised);
      column-gap:var(--space-16);
    }

    .Adeno-design-page\:DerUJ1rOSML1bTTQSKpRT {
      row-gap:1rem;
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
    }

    .Adeno-design-page\:ED0_pyX1Bm78xIsS-8pTt {
      width:320px;
      height:400px;
    }

    .Adeno-design-page\:Ekm4W1bnSZ0TaxqD1g3cg {
      color:var(--color--content--brand-primary);
    }

    .Adeno-design-page\:FVNhqnzUEvnGFWtcKpFpp {
      row-gap:var(--space-16);
      background:var(--color-surface-raised);
      column-gap:var(--space-16);
    }

    .Adeno-design-page\:FWtXMaMeE0SASIZu52uBq {
      margin-top:4px;
      margin-bottom:16px;
    }

    .YLzIF {
      max-width:600px;
    }

    .eZnFfM {
      width:100%;
      height:100%;
      display:block;
      object-fit:cover;
      border-top-left-radius:inherit;
      border-top-right-radius:inherit;
      border-bottom-left-radius:inherit;
      border-bottom-right-radius:inherit;
    }

    .Adeno-design-page\:HlMxEnebvFQs-Z4qpgdfj {
      margin-top:4px;
      margin-bottom:16px;
    }

    .cGiIyi {
      color:var(--color-text-primary);
      display:inline-block;
      font-size:var(--text--body--small);
      text-align:left;
      font-family:"Raleway";
      font-weight:400;
      line-height:1.625rem;
    }

    @media (min-width: 1600px) {

    .cGiIyi {
      font-size:var(--text--font-size--body--large);
      line-height:var(--text--line-height--body--large);
    }
    }

    .Adeno-design-page\:HpZAnOzzWrksHUxCDeWXA {
      color:var(--color-text-secondary);
      margin-bottom:0.5rem;
    }

    .Adeno-design-page\:IOmOZ9RXAUCbpY2iJqEX7 {
      line-height:1.5em;
    }

    .ePAKiB {
      aspect-ratio:4/3;
    }

    @media (max-width: 1023px) and (min-width: 480px) {

    .ePAKiB {
      order:1;
      max-width:100%;
      max-height:100%;
      aspect-ratio:16/9;
    }
    }

    @media (max-width: 480px) {

    .ePAKiB {
      aspect-ratio:4/3;
    }
    }

    .Adeno-design-page\:IV5OzMa2JpwkTxYWy0Vu8 {
      height:100%;
    }

    .eDxqxu {
      color:var(--color--global--grey--700);
      width:fit-content;
      height:28px;
      display:flex;
      font-size:0.875rem;
      background:var(--color-text-white);
      align-items:center;
      font-family:"Poppins";
      font-weight:500;
      padding-top:4px;
      border-color:var(--color--global--grey--200);
      border-style:solid;
      border-width:1px;
      padding-left:12px;
      padding-right:12px;
      flex-direction:row;
      padding-bottom:4px;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .fszHvR {
      flex:1;
      width:100%;
      cursor:pointer;
      height:100%;
      min-width:0px;
    }

    .daHkxv {
      color:var(--color--global--grey--700);
      width:fit-content;
      height:28px;
      display:flex;
      font-size:0.875rem;
      background:var(--color--global--grey--100);
      align-items:center;
      font-family:"Poppins";
      font-weight:500;
      padding-top:0.25rem;
      padding-left:0.75rem;
      padding-right:0.75rem;
      flex-direction:row;
      padding-bottom:0.25rem;
      justify-content:center;
      border-top-left-radius:0.5rem;
      border-top-right-radius:0.5rem;
      border-bottom-left-radius:0.5rem;
      border-bottom-right-radius:0.5rem;
    }

    .bpqxMN {
      row-gap:0.5rem;
      flex-wrap:wrap;
      max-width:100%;
      column-gap:0.5rem;
      overflow-x:hidden;
      overflow-y:hidden;
      flex-direction:row;
    }

    .adeno-ui-article-card\:Z_Uakd_YHSLjCBkWIFE2l {
      max-width:100%;
      min-width:0px;
      overflow-x:hidden;
      overflow-y:hidden;
    }

    .adeno-ui-article-card\:bdmaU9XNGqIumdKcdJpfd {
      color:var(--color-text-secondary);
      font-family:"Poppins";
      font-weight:300;
    }

    .adeno-ui-article-card\:bylsg31tlCNXm2M1Zlvli {
      width:100%;
      overflow-x:hidden;
      overflow-y:hidden;
      padding-top:0.75rem;
      padding-left:0.75rem;
      padding-right:0.75rem;
      padding-bottom:0.75rem;
    }

    .adeno-ui-article-card\:g6PUbB3qwrdUhZDBTW2He {
      width:100%;
      height:100%;
      row-gap:1rem;
      max-width:100%;
      transition:border-color 300ms ease;
      border-top-left-radius:1.5rem;
      border-top-right-radius:1.5rem;
      border-bottom-left-radius:1.5rem;
      border-bottom-right-radius:1.5rem;
    }

    .adeno-ui-article-card\:g6PUbB3qwrdUhZDBTW2He:hover {
      border-color:var(--color-action-border-focus);
      border-style:solid;
      border-width:1px;
    }

    .QVbbp {
      width:100%;
      min-width:0px;
      max-height:100%;
      object-fit:cover;
      aspect-ratio:3/2;
      border-top-left-radius:1rem;
      border-top-right-radius:1rem;
      border-bottom-left-radius:1rem;
      border-bottom-right-radius:1rem;
    }

    .dUlKku {
      color:var(--color--semantic--brand--primary-normal);
      width:fit-content;
      cursor:pointer;
      height:2rem;
      display:flex;
      row-gap:0rem;
      font-size:1rem;
      column-gap:0rem;
      margin-top:auto;
      transition:all 150ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      font-family:"Poppins";
      font-weight:500;
      flex-direction:row;
      justify-content:flex-start;
    }

    .dUlKku:hover {
      color:var(--color--semantic--brand--primary-hover);
      column-gap:0.125rem;
    }

    .dUlKku:active {
      color:var(--color--semantic--brand--primary-active);
      column-gap:0.125rem;
    }

    .adeno-ui-article-card\:p_HrUyhznUq8mY9b5qZfA {
      font-size:clamp(1.125rem, 0.45vw + 1.03rem, 1.375rem);
    }

    .Adeno-design-page\:JyiX3C7Oe9kf59Kf3ifUl {
      row-gap:1rem;
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
    }

    .Adeno-design-page\:KbjuHGO1pKn5AjRNbgfZx {
      align-items:center;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      justify-content:flex-end;
    }

    .Adeno-design-page\:KiCRRn1z3yrhyQm5elg2h {
      row-gap:var(--space-24);
      column-gap:var(--space-24);
      align-items:center;
      justify-content:flex-start;
    }

    .Adeno-design-page\:KsMYf_hj8Yu5HAzgmGNix {
      row-gap:var(--space-16);
      background:var(--color-surface-raised);
      column-gap:var(--space-16);
    }

    .IeGjT {
      color:var(--color--global--grey--700);
      width:fit-content;
      height:28px;
      display:flex;
      font-size:0.875rem;
      background:var(--color--global--grey--100);
      align-items:center;
      font-family:"Poppins";
      font-weight:500;
      padding-top:4px;
      padding-left:12px;
      padding-right:12px;
      flex-direction:row;
      padding-bottom:4px;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .eOCiUp {
      width:100%;
      background:var(--color-surface-raised);
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      border-top-left-radius:1rem;
      border-top-right-radius:1rem;
      border-bottom-left-radius:1rem;
      border-bottom-right-radius:1rem;
    }

    .adeno-design-section-headers\:root {
      row-gap:var(--space-16);
      background:var(--color-surface-raised);
      column-gap:var(--space-16);
    }

    .adeno-layout-section-header-description\:root {
      line-height:1.4;
    }

    .uGaMr {
      color:var(--color-text-primary);
      display:inline-block;
      font-size:70px;
      text-align:left;
      font-family:"Poppins";
      font-weight:400;
      line-height:100%;
      letter-spacing:-1.5px;
    }

    @media (min-width: 640px) {

    .uGaMr {
      font-size:64px;
      line-height:80px;
      letter-spacing:-2px;
    }
    }

    .uGaMr.centered {
      text-align:center;
    }

    .adeno-ui-text-h1-old\:root {
      color:var(--color-text-primary);
      font-size:3rem;
      font-family:"Poppins";
      font-weight:400;
      line-height:var(--font-line-height-header);
    }

    .adeno-design-section-headers\:kyYbj3g-xWX0rIySYihwE {
      width:100%;
    }

    .ezdlkE {
      display:flex;
      align-items:flex-start;
      flex-direction:column;
      justify-content:flex-start;
    }

    .cWCjdj {
      display:flex;
      flex-grow:o;
      max-width:100%;
      min-width:0px;
      align-items:flex-start;
      flex-shrink:1;
      overflow-wrap:break-word;
      flex-direction:column;
      justify-content:flex-start;
    }

    .cUtkIt {
      color:var(--color--semantic--brand--primary-normal);
      width:fit-content;
      cursor:pointer;
      height:48px;
      display:flex;
      row-gap:var(--space-12);
      font-size:1rem;
      column-gap:var(--space-12);
      transition:all 150ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      font-family:"Poppins";
      font-weight:var(--font-weight-normal);
      line-height:normal;
      border-color:currentColor;
      border-style:solid;
      border-width:1px;
      padding-left:12px;
      padding-right:8px;
      flex-direction:row;
      justify-content:flex-start;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .cUtkIt:hover {
      color:var(--color--semantic--brand--primary-hover);
      column-gap:var(--space-16);
    }

    .cUtkIt:active {
      color:var(--color--semantic--brand--primary-active);
    }

    .cfdZZ {
      row-gap:8px;
      column-gap:8px;
      flex-direction:row;
    }

    .Adeno-design-page\:NWm7loxGjkun738SbEWuf {
      align-items:center;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      justify-content:flex-end;
    }

    .adeno-ui-button-icon-secondary\:root {
      color:var(--color-action-neutral-normal);
      width:var(--space-48);
      cursor:pointer;
      height:var(--space-48);
      display:flex;
      opacity:1;
      background:var(--color-action-neutral-alpha-normal);
      transition:background 300ms ease;
      align-items:center;
      justify-content:center;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .adeno-ui-button-icon-secondary\:root:hover {
      color:var(--color-action-neutral-hover);
      background:var(--color-action-neutral-alpha-hover);
    }

    .adeno-ui-button-icon-secondary\:root:active {
      color:var(--color-action-neutral-active);
      background:var(--color-action-neutral-alpha-active);
    }

    .adeno-ui-button-icon-secondary\:root:disabled {
      opacity:0.5;
      pointer-events:none;
    }

    .Adeno-design-page\:OAUk3TMo4q3lkwx17OqXF {
      display:flex;
      row-gap:var(--space-16);
      background:var(--color-surface-raised);
      column-gap:var(--space-16);
      align-items:center;
      justify-content:flex-start;
    }

    .Adeno-design-page\:QMQi7zIdUhcMkxY84-ekI {
      row-gap:1rem;
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
    }

    .ijBxd {
      width:100%;
      height:100%;
      object-fit:cover;
      border-top-left-radius:0.725rem;
      border-top-right-radius:0.725rem;
      border-bottom-left-radius:0.725rem;
      border-bottom-right-radius:0.725rem;
    }

    .deAfRB {
      display:flex;
      row-gap:0.250rem;
      column-gap:0.250rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .dOeIiq {
      color:var(--color-text-white);
      width:fit-content;
      height:28px;
      display:flex;
      font-size:0.875rem;
      background:var(--color--content--brand-primary);
      align-items:center;
      font-family:"Poppins";
      font-weight:500;
      padding-top:4px;
      padding-left:12px;
      padding-right:12px;
      flex-direction:row;
      padding-bottom:4px;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .Adeno-design-page\:W_EV6hqYoZM9r5hPF1OiI {
      font-family:"Poppins";
      font-weight:300;
    }

    .Adeno-design-page\:X1Sqv4jqZ7iYE2oT7_3ZB {
      font-family:"Poppins";
      font-weight:300;
    }

    .Adeno-design-page\:XH2-lDg87TdDDQjHzyIyO {
      margin-top:0.5rem;
      margin-bottom:1rem;
    }

    .Adeno-design-page\:Y0hPnhc30OOFiamR9U0va {
      align-items:center;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      justify-content:flex-end;
    }

    .Adeno-design-page\:Yg9EuMVHIPyHRImOE_XCT {
      color:var(--color--content--brand-primary);
    }

    .Adeno-design-page\:YnXuHzcpyCxsrpNkC1frN {
      row-gap:var(--space-16);
      background:var(--color-surface-raised);
      column-gap:var(--space-16);
    }

    .Adeno-design-page\:ZExWZv4vXDM4IfCCaTKg0 {
      font-family:"Poppins";
      font-weight:300;
    }

    .Adeno-design-page\:ZmL3BLlebyrxVOq07Gv_S {
      row-gap:1rem;
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
    }

    .Adeno-design-page\:a4PD_PcoLiF0SpPfrFu1Q {
      margin-top:4px;
      margin-bottom:16px;
    }

    .QnFjq {
      width:100%;
      display:grid;
      grid-row-gap:2rem;
      grid-template:auto / 1fr;
      grid-column-gap:2rem;
    }

    @media (min-width: 1400px) {

    .QnFjq {
      display:grid;
      grid-template:auto / 1fr 1fr 1fr 1fr;
    }
    }

    @media (max-width: 1399px) and (min-width: 1040px) {

    .QnFjq {
      display:grid;
      grid-template:auto / 1fr 1fr 1fr;
    }
    }

    @media (max-width: 1039px) and (min-width: 640px) {

    .QnFjq {
      display:grid;
      grid-template:auto / 1fr 1fr;
    }
    }

    .bmPNnz {
      color:var(--color-text-secondary);
      display:inline;
      font-size:inherit;
      min-width:48px;
      font-family:"Poppins";
      font-weight:inherit;
    }

    .adeno-ui-button-icon-primary\:root {
      color:var(--color-text-white);
      width:var(--space-48);
      cursor:pointer;
      height:var(--space-48);
      display:flex;
      opacity:1;
      background:var(--color--semantic--brand--primary-normal);
      transition:background 300ms ease;
      align-items:center;
      justify-content:center;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .adeno-ui-button-icon-primary\:root:hover {
      background:var(--color--semantic--brand--primary-hover);
    }

    .adeno-ui-button-icon-primary\:root:active {
      background:var(--color--semantic--brand--primary-active);
    }

    .adeno-ui-button-icon-primary\:root:disabled {
      opacity:0.5;
      pointer-events:none;
    }

    .Adeno-design-page\:cIvRYpo3UUliiJaz0dMNZ {
      margin-top:4px;
      margin-bottom:16px;
    }

    .Fdqhx {
      display:flex;
      padding-left:var(--space-12);
      padding-right:var(--space-12);
      flex-direction:row;
    }

    .Adeno-design-page\:dB9vQPxq6pQu3BwNmHPk0 {
      color:var(--color-text-secondary);
      margin-bottom:0.5rem;
    }

    .eVwHsD {
      display:flex;
      padding-top:32px;
      padding-left:32px;
      padding-right:32px;
      flex-direction:row;
      padding-bottom:32px;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .eVwHsD.inverted {
      background:var(--color-background-inverted);
    }

    .bgEVEV {
      color:var(--color-text-primary);
      font-size:24px;
      text-align:left;
      font-family:"Poppins";
      font-weight:400;
      line-height:32px;
      letter-spacing:-0.5px;
      scroll-margin-top:40px;
    }

    @media (min-width: 640px) {

    .bgEVEV {
      font-size:32px;
      line-height:48px;
      letter-spacing:-0.5px;
    }
    }

    .bgEVEV.centered {
      text-align:center;
    }

    .Adeno-design-page\:fJ0ZlhfpQSpKVHc6H8yNt {
      color:var(--color--content--brand-primary);
    }

    .Adeno-design-page\:fON6Xeen5C4hjuI3UJVJM {
      margin-top:4px;
      margin-bottom:16px;
    }

    .Adeno-design-page\:gNcMB3DT2G5J_jwFsCIQh {
      height:100%;
    }

    .Adeno-design-page\:hGKHcopPeiDWhlrFF67Ug {
      row-gap:var(--space-16);
      background:var(--color-surface-raised);
      column-gap:var(--space-16);
    }

    .Adeno-design-page\:iATHZaWfHyeWPWVUZJQZW {
      color:var(--color-text-secondary);
      margin-bottom:1rem;
    }

    .Adeno-design-page\:iGcJNgA7liVuRDJg5mYgu {
      row-gap:1rem;
    }

    .Adeno-design-page\:iq472KAyMrSPUpSZZAOxA {
      margin-top:4px;
      margin-bottom:16px;
    }

    .sYIxr {
      background:var(--color-surface-raised);
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      border-top-left-radius:1rem;
      border-top-right-radius:1rem;
      border-bottom-left-radius:1rem;
      border-bottom-right-radius:1rem;
    }

    .cZeeBa {
      width:100%;
      display:grid;
      grid-row-gap:1.5rem;
      grid-template:auto / 1fr 1fr 1fr;
      grid-column-gap:1.5rem;
    }

    .xnJkK {
      color:var(--color--global--grey--700);
      width:fit-content;
      height:28px;
      display:flex;
      font-size:0.875rem;
      background:var(--color--global--grey--200);
      align-items:center;
      font-family:"Poppins";
      font-weight:500;
      padding-top:4px;
      padding-left:12px;
      padding-right:12px;
      flex-direction:row;
      padding-bottom:4px;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .bepVNP {
      color:var(--color--content--brand-primary);
      width:fit-content;
      height:28px;
      display:flex;
      font-size:0.875rem;
      background:var(--color-text-white);
      align-items:center;
      font-family:"Poppins";
      font-weight:500;
      padding-top:4px;
      border-color:var(--color--content--brand-primary);
      border-style:solid;
      border-width:1px;
      padding-left:12px;
      padding-right:12px;
      flex-direction:row;
      padding-bottom:4px;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .adeno-primary-cta\:root {
      color:#fff5f5;
      width:fit-content;
      cursor:pointer;
      height:var(--space-48);
      display:flex;
      font-size:14px;
      background:var(--color--semantic--brand--primary-normal);
      align-items:center;
      font-family:Inter;
      font-weight:450;
      padding-left:var(--space-16);
      padding-right:var(--space-16);
      flex-direction:row;
      justify-content:center;
      border-top-left-radius:var(--space-8);
      border-top-right-radius:var(--space-8);
      border-bottom-left-radius:var(--space-8);
      border-bottom-right-radius:var(--space-8);
    }

    .adeno-primary-cta\:root:hover {
      background:var(--color--semantic--brand--primary-hover);
    }

    .adeno-primary-cta\:root:active {
      background:var(--color--semantic--brand--primary-active);
    }

    .adeno-primary-cta\:root:disabled {
      opacity:0.5;
      pointer-events:none;
    }

    .adeno-primary-cta\:root:focus-visible {
      outline-color:var(--color-action-border-focus);
      outline-style:solid;
      outline-width:2px;
    }

    .Adeno-design-page\:nKuzdbdafMWKWSLMvQT_z {
      color:var(--color--content--brand-primary);
    }

    .ogUmq {
      width:32px;
      height:32px;
      display:flex;
      font-size:inherit;
      background:currentColor;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:4px;
      padding-left:4px;
      padding-right:4px;
      padding-bottom:4px;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .edgUzY {
      width:100%;
      display:grid;
      grid-template:auto / 1fr 1fr 1fr;
      grid-column-gap:1.5rem;
    }

    .Adeno-design-page\:oX_Sa4IPbi6-wqAFdc-Xq {
      font-family:"Poppins";
      font-weight:300;
    }

    .ceDKfo {
      height:100%;
      display:flex;
      overflow:hidden;
      min-width:0px;
      min-height:fit-content;
      flex-direction:column;
      justify-content:flex-start;
    }

    @media (max-width: 1023px) {

    .ceDKfo {
      order:2;
    }
    }

    .Adeno-design-page\:ouBimz7fssOmR_FkBmV3o {
      color:var(--color--content--brand-primary);
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .cXkzMC {
      flex:1;
      background:var(--bg-color);
      aspect-ratio:16/9;
    }

    .huPxa {
      min-width:0px;
      min-height:0px;
      overflow-x:hidden;
      overflow-y:hidden;
      aspect-ratio:4/3;
    }

    .bdENjm {
      color:var(--color-text-primary);
      font-size:clamp(1.25rem, 0.45vw + 1.16rem, 1.5rem);
      margin-top:1.5rem;
      font-family:"Poppins";
      font-weight:500;
      line-height:1.2;
      margin-bottom:0.5rem;
    }

    .fDGvIZ {
      gap:16px;
      color:var(--grey-200, #E5E5E5);
      font-family:Inter Tight;
    }

    .enSkSv {
      margin-top:1rem;
    }

    .fFrkFx {
      color:var(--color-text-primary);
      font-size:clamp(1.625rem, 0.68vw + 1.49rem, 2rem);
      font-family:"Poppins";
      line-height:1.2;
    }

    .fFrkFx::after {
      width:120px;
      height:2px;
      content:"";
      background:var(--color--content--brand-primary);
      margin-top:0.5rem;
      margin-bottom:1rem;
    }

    .cslfGm {
      display:grid;
      overflow-x:hidden;
      overflow-y:hidden;
      grid-row-gap:1rem;
      grid-template:auto / 1fr 1fr;
      grid-column-gap:1rem;
    }

    .dato-block-customer-case-block\:root {
      row-gap:2rem;
      column-gap:2rem;
      padding-top:2rem;
      padding-left:2rem;
      padding-right:2rem;
      padding-bottom:2rem;
    }

    .bZLITp {
      display:grid;
      grid-gap:1rem;
      grid-template:auto auto / 1fr 1fr 1fr;
    }

    .euACpk {
      color:var(--color--content--secondary);
      display:inline;
      font-size:0.725rem;
      font-family:"Poppins";
      font-weight:400;
    }

    .bAZJGT {
      color:var(--color-text-primary);
      display:inline;
      font-size:0.875rem;
      font-family:"Poppins";
      font-weight:500;
    }

    .eNmdaw {
      height:100%;
      object-fit:contain;
    }

    .fiHESA {
      max-height:48px;
    }

    .eGYpGn {
      align-items:flex-start;
      justify-content:center;
    }

    .bQpWSf {
      width:100%;
      align-items:center;
      padding-top:24px;
      padding-bottom:24px;
      justify-content:center;
    }

    @media (min-width: 640px) {

    .bQpWSf {
      padding-top:40px;
      padding-bottom:40px;
    }
    }

    .dHRFhu {
      color:var(--color--content--brand-primary);
      width:fit-content;
    }

    .epoQnI {
      color:var(--color-text-primary);
      font-family:"Raleway";
      margin-left:24px;
    }

    .bizNtg {
      gap:16px;
      color:var(--color-text-primary);
      width:100%;
      max-width:640px;
      background:var(--color-surface-sunken);
      font-family:"Raleway";
      padding-top:40px;
      padding-left:40px;
      border-radius:26px;
      padding-right:40px;
      padding-bottom:40px;
    }

    .dpISSX {
      color:var(--color-text-secondary);
      width:100%;
      display:inline-block;
      flex-wrap:wrap;
      font-size:16px;
      background:var(--color-surface-raised);
      font-family:Inter Tight;
      font-weight:300;
      line-height:1.75rem;
      padding-top:16px;
      padding-left:16px;
      border-radius:6px;
      padding-right:16px;
      padding-bottom:16px;
      border-left-color:var(--color--semantic--brand--primary-normal);
      border-left-style:solid;
      border-left-width:6px;
    }

    @media (min-width: 640px) {

    .dpISSX {
      gap:16px;
      padding-top:24px;
      padding-left:24px;
      padding-right:24px;
      padding-bottom:24px;
    }
    }

    .dTCQHR {
      overflow-x:hidden;
      overflow-y:hidden;
      border-top-left-radius:1.5rem;
      border-top-right-radius:1.5rem;
      border-bottom-left-radius:1.5rem;
      border-bottom-right-radius:1.5rem;
    }

    .eAgMGx {
      color:var(--color-text-primary);
      font-size:clamp(1.375rem, 0.45vw + 1.28rem, 1.625rem);
      margin-top:2rem;
      font-family:"Poppins";
      line-height:1.2;
      margin-bottom:0.75rem;
    }

    .eAgMGx:first-child {
      margin-top:0px;
    }

    .JkHtg {
      color:var(--color-text-primary);
      font-size:clamp(1.5rem, 0.68vw + 1.36rem, 1.875rem);
      margin-top:2.5rem;
      font-family:"Poppins";
      line-height:1.2;
    }

    .JkHtg:first-child {
      color:var(--color-text-primary);
      font-size:clamp(1.5rem, 0.68vw + 1.36rem, 1.875rem);
      margin-top:0rem;
      font-family:"Poppins";
      line-height:1.2;
    }

    .JkHtg::after {
      width:120px;
      height:2px;
      content:"";
      background:var(--color--content--brand-primary);
      margin-top:1.5rem;
      margin-bottom:1.5rem;
    }

    .Nqooe {
      width:100%;
      height:auto;
      max-width:100%;
      object-fit:cover;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .blXDqp {
      width:100%;
      height:100%;
      max-width:100%;
      object-fit:cover;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .bLkUfK {
      color:var(--light-blue);
      display:inline;
      outline:none;
      font-size:18px;
      font-family:Inter Tight;
      font-weight:var(--font-weight-light);
    }

    @media (min-width: 640px) {
    }

    .bLkUfK:hover {
      cursor:pointer;
      text-decoration-line: underline;
    }

    .bLkUfK:focus-visible {
      text-decoration-line: underline;
    }

    .bLkUfK:active {
      color:white;
    }

    .fvmyg {
      color:var(--color-text-primary);
      font-size:clamp(1rem, 0.23vw + 0.95rem, 1.125rem);
      font-family:"Raleway";
      line-height:1.6;
      margin-bottom:1.25rem;
    }

    .cMNXJV {
      display:inline;
      font-size:inherit;
      font-weight:inherit;
    }

    .cMNXJV.bold {
      font-weight:700;
    }

    .cMNXJV.italic {
      font-style:italic;
    }

    .cMNXJV.underline {
      text-decoration:underline;
    }

    .cMNXJV.strikethrough {
      text-decoration:line-through;
    }

    .eMInWw {
      color:var(--color-text-primary);
      font-size:clamp(1.125rem, 0.45vw + 1.03rem, 1.375rem);
      margin-top:1.5rem;
      font-family:"Poppins";
      font-weight:500;
      margin-bottom:0.5rem;
    }

    .eyAmaz {
      width:100%;
      height:100%;
    }

    .eyVPLS {
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .bnRcOM {
      display:flex;
      row-gap:var(--space-4);
      column-gap:var(--space-4);
      flex-direction:row;
    }

    .Adeno-design-page\:qR18wZJIhR5FOuA3Hk8VM {
      margin-top:4px;
      margin-bottom:16px;
    }

    .adeno-secondary-cta\:root {
      color:var(--color--semantic--brand--primary-normal);
      width:fit-content;
      cursor:pointer;
      height:var(--space-48);
      display:flex;
      font-size:14px;
      align-items:center;
      font-family:Inter;
      font-weight:450;
      border-color:var(--color--semantic--brand--primary-normal);
      border-style:solid;
      border-width:1px;
      padding-left:var(--space-16);
      padding-right:var(--space-16);
      flex-direction:row;
      justify-content:center;
      border-top-left-radius:var(--space-8);
      border-top-right-radius:var(--space-8);
      border-bottom-left-radius:var(--space-8);
      border-bottom-right-radius:var(--space-8);
    }

    .adeno-secondary-cta\:root:hover {
      color:var(--color--semantic--brand--primary-hover);
      border-color:var(--color--semantic--brand--primary-hover);
      border-style:solid;
      border-width:1px;
    }

    .adeno-secondary-cta\:root:active {
      color:var(--color--semantic--brand--primary-active);
      border-color:var(--color--semantic--brand--primary-active);
      border-style:solid;
      border-width:1px;
    }

    .Adeno-design-page\:qS97pVFO_s6r3EMFSyDE7 {
      color:var(--brand-primary-hover);
    }

    .eoooeW {
      color:var(--color-text-white);
      width:fit-content;
      cursor:pointer;
      height:48px;
      display:flex;
      font-size:1rem;
      background:var(--color--semantic--brand--primary-normal);
      transition:background 200ms ease;
      align-items:center;
      font-family:"Poppins";
      font-weight:500;
      user-select:none;
      padding-left:24px;
      padding-right:24px;
      flex-direction:row;
      justify-content:center;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .eoooeW:hover {
      background:var(--color--semantic--brand--primary-hover);
    }

    .eoooeW:active {
      background:var(--color--semantic--brand--primary-active);
    }

    .dmWABd {
      color:var(--color--content--brand-primary);
      width:fit-content;
      height:28px;
      display:flex;
      font-size:0.875rem;
      background:var(--color--global--brand--50);
      align-items:center;
      font-family:"Poppins";
      font-weight:500;
      padding-top:4px;
      padding-left:12px;
      padding-right:12px;
      flex-direction:row;
      padding-bottom:4px;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .cJuHOn {
      row-gap:var(--space-64);
      column-gap:var(--space-64);
      padding-top:44px;
      padding-left:44px;
      padding-right:44px;
      padding-bottom:44px;
    }

    .ebqKO {
      width:100%;
      background:var(--color-surface-raised);
      padding-top:32px;
      border-color:var(--color-border-default);
      border-style:solid;
      border-width:1px;
      padding-left:32px;
      padding-right:32px;
      padding-bottom:32px;
    }

    .adeno-ui-button-icon-ghost\:root {
      color:var(--color-action-neutral-normal);
      width:var(--space-48);
      cursor:pointer;
      height:var(--space-48);
      display:flex;
      opacity:1;
      background:#00000000;
      transition:background 300ms ease;
      align-items:center;
      justify-content:center;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .adeno-ui-button-icon-ghost\:root:hover {
      color:var(--color-action-neutral-hover);
      background:var(--color-action-neutral-alpha-hover);
    }

    .adeno-ui-button-icon-ghost\:root:active {
      color:var(--color-action-neutral-active);
      background:var(--color-action-neutral-alpha-active);
    }

    .adeno-ui-button-icon-ghost\:root:disabled {
      opacity:0.5;
      pointer-events:none;
    }

    .Adeno-design-page\:v37dN7KCk59738gjwBVZ4 {
      color:var(--color--content--brand-primary);
    }

    .dULJyo {
      row-gap:2rem;
      column-gap:2rem;
    }

    .Adeno-design-page\:vmgI-4TxEXw32qnSmmOIK {
      background:#f5f5f5;
      aspect-ratio:3/2;
    }

    .vdtfn {
      width:100%;
      display:grid;
      grid-row-gap:32px;
      grid-template:auto / 1fr;
      grid-column-gap:32px;
    }

    @media (min-width: 1024px) {

    .vdtfn {
      display:grid;
      align-items:start;
      grid-template:auto / 1fr 1fr;
      grid-column-gap:64px;
    }
    }

    .Adeno-design-page\:yxZDFIko3zRoXgz02H4Io {
      height:100%;
    }

    .kxmPX {
      width:400px;
      height:600px;
      object-fit:cover;
      border-color:var(--color-border-default-alpha);
      border-style:solid;
      border-width:1px;
      border-top-left-radius:1rem;
      border-top-right-radius:1rem;
      border-bottom-left-radius:1rem;
      border-bottom-right-radius:1rem;
    }